diff --git a/static/hub.css b/static/hub.css
index 4040eba..85e0862 100644
--- a/static/hub.css
+++ b/static/hub.css
@@ -187,7 +187,7 @@ body.page-login .main {
 .login-card .login-form { position: relative; }
 
 .stack label, .form-grid label { display: block; margin: 8px 0; }
-input[type="text"], input[type="password"], input[type="number"], input:not([type]), select {
+input[type="text"], input[type="password"], input[type="number"], input[type="url"], input:not([type]), select {
   width: 100%;
   padding: 8px 10px;
   border-radius: 8px;
@@ -480,7 +480,9 @@ button, .btn {
   padding: 16px 20px 20px;
 }
 .settings-field {
-  display: block;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
   margin: 0 0 14px;
   font-size: 0.82rem;
   color: #b6c7da;
@@ -497,13 +499,27 @@ button, .btn {
 .settings-form input[type="password"],
 .settings-form input[type="number"],
 .settings-form input[type="url"] {
+  display: block;
+  width: 100%;
   margin-top: 6px;
   padding: 11px 12px;
   border-radius: 10px;
   border: 1px solid var(--line);
   background: rgba(5, 10, 18, 0.85);
+  color: #f0f7ff;
+  caret-color: var(--accent);
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
+.settings-form input::placeholder {
+  color: rgba(138, 160, 184, 0.75);
+}
+.settings-form input:-webkit-autofill,
+.settings-form input:-webkit-autofill:hover,
+.settings-form input:-webkit-autofill:focus {
+  -webkit-text-fill-color: #f0f7ff;
+  box-shadow: 0 0 0 1000px #0a1220 inset;
+  transition: background-color 99999s ease-out;
+}
 .settings-form input:focus {
   outline: none;
   border-color: var(--accent);