From e1399e4fee08e6c6d605ebb5b850a9975684d338 Mon Sep 17 00:00:00 2001
From: Laura Martinez Garcia <lauram@empathy.co>
Date: Wed, 9 Oct 2024 08:53:55 +0200
Subject: [PATCH] chore: add background to empathize when there is no content

---
 src/components/predictive-layer/predictive-layer.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/predictive-layer/predictive-layer.vue b/src/components/predictive-layer/predictive-layer.vue
index 08212498..1d0f8370 100644
--- a/src/components/predictive-layer/predictive-layer.vue
+++ b/src/components/predictive-layer/predictive-layer.vue
@@ -4,10 +4,14 @@
     class="desktop:x-z-[1] desktop:x-w-full"
     :class="{ 'x-bg-neutral-0': !x.query.search || isDesktopOrGreater }"
   >
-    <component :is="isDesktopOrGreater ? 'div' : 'BaseScroll'" class="x-h-full desktop:x-ml-16">
+    <component
+      :is="isDesktopOrGreater ? 'div' : 'BaseScroll'"
+      class="x-h-full desktop:x-ml-16"
+      :class="{ 'x-bg-neutral-0': showEmpathize }"
+    >
       <div
         v-if="showEmpathize || showIdentifierResults"
-        class="x-layout-item x-bg-neutral-0 x-pb-16 desktop:x-block desktop:x-pl-16 desktop:x-pt-16"
+        class="x-layout-item x-pb-16 desktop:x-block desktop:x-pl-16 desktop:x-pt-16"
         :class="{ 'x-mb-40 x-border-b x-border-neutral-10': !x.query.search && isTabletOrLess }"
       >
         <BaseKeyboardNavigation