diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index f8abb349eb..06f511a9f9 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -1334,10 +1334,11 @@ div.alert > em.javascript-required {
   flex-grow: 1;
   overflow-x: hidden;
   width: auto;
-}
 
-.search-bar:focus-within {
-  border: 2.5px solid rgba(47, 135, 223, 0.7);
+  &:focus-within {
+    outline: 1.5px solid rgba(47, 135, 223, 0.7);
+    border: 1px solid rgba(47, 135, 223, 0.7);
+  }
 }
 
 .search-bar i.search-icon {