diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css
index 5123c9b0f8..7c6a8f4eb7 100644
--- a/web/styles/dark_theme.css
+++ b/web/styles/dark_theme.css
@@ -479,7 +479,8 @@
     .new-style .tab-switcher .ind-tab:not(.selected),
     select,
     .pill-container,
-    .user-status-content-wrapper {
+    .user-status-content-wrapper,
+    #custom-expiration-time-input {
         background-color: hsl(0deg 0% 0% / 20%);
         border-color: hsl(0deg 0% 0% / 60%);
         color: inherit;
diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index 83c73b07f8..c20ffcce80 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -2411,11 +2411,9 @@ textarea.invitee_emails {
     }
 }
 
-#invite-user-modal {
-    #custom-expiration-time-input,
-    #invite-user-form {
-        margin: 0;
-    }
+#custom-expiration-time-input,
+#invite-user-form {
+    margin: 0;
 }
 
 select.invite-expires-in,
@@ -2468,17 +2466,29 @@ select.invite-as {
     width: fit-content;
 }
 
-#custom-invite-expiration-time {
-    #custom-expiration-time-input {
-        width: 5ch;
-        margin-right: 15px;
-    }
+#custom-expiration-time-input {
+    width: 5ch;
+    margin-right: 15px;
 
-    #custom-expiration-time-unit {
-        width: auto;
+    padding: 4px 6px;
+    color: hsl(0deg 0% 33%);
+    border-radius: 4px;
+    border: 1px solid hsl(0deg 0% 80%);
+    box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
+    transition: border linear 0.2s, box-shadow linear 0.2s;
+
+    &:focus {
+        border-color: hsl(206deg 80% 62% / 80%);
+        outline: 0;
+        box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+            0 0 8px hsl(206deg 80% 62% / 60%);
     }
 }
 
+#custom-expiration-time-unit {
+    width: auto;
+}
+
 .empty_feed_notice {
     padding: 3em 1em;
     text-align: center;