fix: top nav search gap

wevm · Jul 18, 2024 · 4a888ea · 4a888ea
1 parent 9c77480
commit 4a888ea
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/.changeset/bright-parents-add.md b/.changeset/bright-parents-add.md
@@ -0,0 +1,5 @@
+---
+"vocs": patch
+---
+
+Fixed top nav search bar ↔ item gap.
diff --git a/src/app/components/DesktopTopNav.css.ts b/src/app/components/DesktopTopNav.css.ts
@@ -14,6 +14,7 @@ import {
 export const root = style({
   alignItems: 'center',
   display: 'flex',
+  gap: spaceVars[8],
   justifyContent: 'space-between',
   padding: `0 ${topNavVars.horizontalPadding}`,
   height: topNavVars.height,
@@ -97,7 +98,13 @@ export const icon = style(
 )
 
 export const item = style(
-  { alignItems: 'center', display: 'flex', height: '100%', position: 'relative' },
+  {
+    alignItems: 'center',
+    display: 'flex',
+    height: '100%',
+    position: 'relative',
+    whiteSpace: 'nowrap',
+  },
   'item',
 )