diff --git a/css/area_main-sidebar-search.less b/css/area_main-sidebar-search.less
index ee900a3..a14fbc6 100644
--- a/css/area_main-sidebar-search.less
+++ b/css/area_main-sidebar-search.less
@@ -136,16 +136,20 @@
 
         div.ajax_qsearch {
             box-shadow: none;
-            background-color: #FFF;
+            background-color: var(--color-shade-1);
             padding: 0;
+            z-index: 300; // otherwise hidden behind sidebar in mobile view
+            border: solid 0.1em var(--color-shade-4);
+            border-radius: 0.5rem;
 
-            strong {
-                color: @quicksearch-button-color;
-                padding: 0.25rem 0.5rem
+            > strong {
+                color: var(--color-foreground);
+                padding: 0.25rem 0.5rem;
+                border-bottom: solid 0.1em var(--color-shade-4);
             }
 
             ul li {
-                color: @quicksearch-button-color;
+                color: var(--color-foreground);
 
                 a {
                     display: block;
@@ -153,12 +157,12 @@
                     overflow: hidden;
                     color: inherit;
                     text-overflow: ellipsis;
-                }
-            }
 
-            ul li {
-                &:nth-child(odd) {
-                    background-color: @suggestion-zebra;
+                    &:hover,
+                    &:focus,
+                    &:active {
+                        background-color: var(--color-shade-2);
+                    }
                 }
             }
         }