diff --git a/web/styles/widgets.css b/web/styles/widgets.css
index 5eafa190f5..3c579cceba 100644
--- a/web/styles/widgets.css
+++ b/web/styles/widgets.css
@@ -260,11 +260,12 @@ input {
     flex: 0 0 30.5px;
     min-height: 30.5px;
     border-radius: 3px;
-    border: 1px solid hsl(0deg 0% 80%);
-    background-color: hsl(0deg 0% 100%);
+    border: 1px solid var(--color-border-zulip-button);
+    background-color: var(--color-background-zulip-button);
 
     &:hover {
-        border-color: hsl(0deg 0% 60%);
+        border-color: var(--color-border-zulip-button-interactive);
+        background-color: var(--color-background-zulip-button-hover);
     }
 }