From f5d3834dbfae66c030e6de6cdefa166287c79358 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Fri, 29 Aug 2025 12:27:21 -0500
Subject: [PATCH] recents: Match filter dropdown states with filter input.

---
 web/styles/recent_view.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/web/styles/recent_view.css b/web/styles/recent_view.css
index a0ded55932..892ca54020 100644
--- a/web/styles/recent_view.css
+++ b/web/styles/recent_view.css
@@ -622,13 +622,22 @@
     padding: 0 0.375em;
     /* Matching to the height of the filter search box. */
     height: var(--recent-topics-filters-height);
+    /* Matching to the input styles otherwise defined on
+       .input-element in inputs.css */
+    color: var(--color-text-input);
+    background: var(--color-background-input);
+    border: none;
+    outline: 1px solid var(--color-outline-input);
+    outline-offset: -1px;
 
     &:hover {
-        background-color: var(--color-background-inbox-search-hover);
+        outline-color: var(--color-outline-input-hover);
     }
 
     &:focus {
-        outline: 2px solid var(--color-outline-focus);
+        background-color: var(--color-background-input-focus);
+        outline-color: var(--color-outline-input-focus);
+        box-shadow: 0 0 5px var(--color-box-shadow-input-focus);
     }
 }