fix: update x-components to fix bug with suggestions (#299)

EMP-1510

package.json

@@ -32,7 +32,7 @@
     "@empathyco/x-adapter": "^8.0.0-alpha.22",
     "@empathyco/x-adapter-platform": "^1.0.0-alpha.79",
     "@empathyco/x-archetype-utils": "^0.1.0-alpha.15",
-    "@empathyco/x-components": "^3.0.0-alpha.388",
+    "@empathyco/x-components": "^3.0.0-alpha.393",
     "@empathyco/x-deep-merge": "^1.3.0-alpha.29",
     "@empathyco/x-types": "^10.0.0-alpha.68",
     "@empathyco/x-utils": "^1.0.0-alpha.20",

src/components/predictive-layer/full-width-predictive.vue

@@ -4,12 +4,12 @@
       @EmpathizeOpened="handleEmpathizeEvent('EmpathizeOpened')"
       @EmpathizeClosed="handleEmpathizeEvent('EmpathizeClosed')"
       :animation="empathizeAnimation"
-      class="x-layout-item x-absolute x-z-[1] x-w-full x-bg-neutral-0 x-py-16"
+      class="x-layout-item x-absolute x-z-[1] x-w-full x-bg-neutral-0 x-py-4"
     >
       <MaxDesktopWidthItem>
-        <DesktopSearchboxAlign class="x-pl-[17px]">
+        <DesktopSearchboxAlign>
           <div class="x-layout-item">
-            <div v-if="showEmpathize || showIdentifierResults" class="x-h-full">
+            <div v-if="showEmpathize || showIdentifierResults" class="x-h-full x-py-12 x-pl-[17px]">
               <div class="x-block">
                 <BaseKeyboardNavigation
                   class="x-flex x-items-start x-gap-24"

src/components/predictive-layer/predictive-layer.vue

@@ -1,12 +1,12 @@
 <template>
   <Empathize
     :animation="empathizeAnimation"
-    class="x-bg-neutral-0 desktop:x-z-[1] desktop:x-w-full desktop:x-py-16 desktop:x-pl-16"
+    class="x-bg-neutral-0 desktop:x-z-[1] desktop:x-w-full"
   >
     <component
       :is="isDesktopOrGreater ? 'div' : 'BaseScroll'"
       v-if="showEmpathize || showIdentifierResults"
-      class="x-h-full"
+      class="x-h-full desktop:x-my-16 desktop:x-ml-16"
     >
       <div class="x-layout-item desktop:x-block">
         <BaseKeyboardNavigation