refactor: Dont loose focus on search input when navigating results

1 files changed, 7 insertions, 4 deletions

diff --git a/apps/web-shared/src/styles/components/select-autocomplete.scss b/apps/web-shared/src/styles/components/select-autocomplete.scss
index 78a0fb0..d5360ff 100644
--- a/apps/web-shared/src/styles/components/select-autocomplete.scss
+++ b/apps/web-shared/src/styles/components/select-autocomplete.scss
@@ -38,7 +38,7 @@ Usage: codyhouse.co/license
       white-space: nowrap;
       margin-right: 1px;
     }
-    
+
     input[type="text"] {
       width: auto;
     }
@@ -67,7 +67,8 @@ Usage: codyhouse.co/license
     color: var(--color-contrast-low);
   }
 
-  &:focus-within {
+  &:focus-within,
+  .focus {
     background: var(--color-bg);
     box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 1px var(--color-primary);
     outline: none;
@@ -140,7 +141,8 @@ Usage: codyhouse.co/license
     background-color: alpha(var(--color-contrast-higher), 0.05);
   }
 
-  &:focus {
+  &:focus,
+  &.focus {
     outline: none;
     background-color: alpha(var(--color-primary), 0.12);
   }
@@ -151,7 +153,8 @@ Usage: codyhouse.co/license
     padding-right: calc(1em + var(--space-sm));
     @include fontSmooth;
 
-    &:focus {
+    &:focus,
+    .focus {
       background-color: var(--color-primary-dark);
     }