diff --git a/src/components/SearchSuggestions.vue b/src/components/SearchSuggestions.vue
index 794085db..def49470 100644
--- a/src/components/SearchSuggestions.vue
+++ b/src/components/SearchSuggestions.vue
@@ -82,22 +82,8 @@ export default {
 
 <style>
 .suggestions-container {
-    @apply left-1/2 translate-x-[-50%] transform-gpu max-w-3xl w-full box-border p-y-1.25 z-10 lt-md:max-w-[calc(100%-0.5rem)] bg-gray-300;
-}
-
-.dark .suggestions-container {
-    @apply bg-dark-400;
-}
-
-.suggestion-selected {
-    @apply bg-gray-200;
-}
-
-.dark .suggestion-selected {
-    @apply bg-dark-100;
-}
-
-.suggestion {
-    @apply p-y-1;
+    @apply left-1/2 translate-x-[-50%] transform-gpu max-w-[600rem] w-full box-border p-[15rem] mb-[15rem] z-10 lt-md:max-w-[calc(100%-0.5rem)];
+    background: var(--efy_text2);
+    box-shadow: 0 0 20rem var(--efy_text_trans);
 }
 </style>