diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index e6925d6..cbbcd0e 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -73,16 +73,24 @@
         inset -8rem -8rem 8rem rgba(255, 255, 255, 0.05);
 }
 
+
+.neumorphic-shadow-outer,
+.hover\:neumorphic-shadow-outer:hover {
+   /* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */
+   box-shadow:
+       -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07),
+       0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.12),
+       -.75rem -.75rem 1.75rem rgba(255, 255, 255, 0.07),
+       0.75rem 0.75rem 1.75rem rgba(0, 0, 0, 0.12);
+}
+
 .neumorphic-shadow-inner,
 .hover\:neumorphic-shadow-inner:hover {
-   /* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */
    box-shadow:
         inset -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07),
         inset 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.12),
         inset -.75rem -.75rem 1.75rem rgba(255, 255, 255, 0.07),
         inset 0.75rem 0.75rem 1.75rem rgba(0, 0, 0, 0.12);
-        /* inset 8rem 8rem 8rem rgba(0, 0, 0, 0.05),
-        inset -8rem -8rem 8rem rgba(255, 255, 255, 0.05); */
 }
 
 .bg-blur,
diff --git a/components/search.vue b/components/search.vue
index 076ad1f..e7e555e 100644
--- a/components/search.vue
+++ b/components/search.vue
@@ -32,7 +32,7 @@
 
                     <div class="search-results py-8">
 
-                        <ul class="results-container rounded-lg border border-gray-700 divide-y divide-gray-700 neumorphic-shadow px-5">
+                        <ul class="results-container rounded-lg border border-gray-700 divide-y divide-gray-700 bg-gradient-to-br from-darker to-dark neumorphic-shadow-outer px-5">
                             <li
                                 v-if="results.length === 0"
                                 class="text-center py-4"
@@ -51,7 +51,7 @@
                                         <div class="min-w-0 flex-1 flex items-center">
                                             <div class="flex-shrink-0">
                                                 <div
-                                                    class="h-12 w-12 rounded-full flex items-center justify-center neumorphic-shadow-inner"
+                                                    class="h-12 w-12 rounded-full flex items-center justify-center"
                                                 >
                                                     <div>{{ app.name.charAt(0) }}</div>
                                                 </div>