Coveo: Fixed issue with searchbar on search page

Author: lamATnginx

assets/css/v2/style.css

@@ -131,9 +131,7 @@ textarea:not([rows]) {
 :root {
   /* webfonts */
   font-family: var(--font-family);
-  font-feature-settings:
-    "liga" on,
-    "calt" on;
+  font-feature-settings: "liga" on, "calt" on;
 
   /* fallback to slightly thinner font on browsers without variable 'wght' support */
   font-weight: 350;
@@ -143,9 +141,9 @@ textarea:not([rows]) {
 
   /* MARK: Variables
   */
-  --font-family:
-    "Inter var", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  --font-family: "Inter var", system-ui, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+    sans-serif;
   --color-brand: 56.6% 0.194 147.7;
   --color-brand-300: 0.84 0.0699 157.51;
   --color-brand-200: 0.91 0.0406 157.72;
@@ -262,10 +260,9 @@ textarea:not([rows]) {
 
 @supports (font-variation-settings: normal) {
   :root {
-    --font-family:
-      InterVariable, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-      Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-      sans-serif;
+    --font-family: InterVariable, system-ui, -apple-system, BlinkMacSystemFont,
+      "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
+      "Helvetica Neue", sans-serif;
   }
 
   h1,
@@ -951,6 +948,10 @@ main {
   --atomic-border-radius-md: 0;
   --atomic-border-radius: 0;
   --atomic-font-family: var(--font-family);
+
+  atomic-search-box {
+    z-index: 0;
+  }
 }
 
 atomic-search-interface {
@@ -1209,9 +1210,7 @@ nav.sidebar.sidebar__mobile-open {
     border-radius: 5px 0 0 5px;
     color: oklch(0 0 0 / 0.75);
     text-decoration: none;
-    transition:
-      background-color 0.2s ease,
-      color 0.2s ease;
+    transition: background-color 0.2s ease, color 0.2s ease;
 
     &:hover {
       background-color: oklch(var(--color-brand) / 0.08);