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);
     }
 }