fix: prevent header gird blowout

jpmorganchase · Jul 18, 2023 · fd82bb9 · fd82bb9
1 parent 89af784
commit fd82bb9
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 2 deletions.
diff --git a/packages/components/src/TabsBase/tabsMenuButton.css.ts b/packages/components/src/TabsBase/tabsMenuButton.css.ts
@@ -1,5 +1,5 @@
 import { style } from '@vanilla-extract/css';
-import { responsiveSprinkles, link, vars } from '@jpmorganchase/mosaic-theme';
+import { responsiveSprinkles, link } from '@jpmorganchase/mosaic-theme';
 
 export default {
   root: style([

diff --git a/packages/layouts/src/LayoutBase/styles.css.ts b/packages/layouts/src/LayoutBase/styles.css.ts
@@ -29,6 +29,7 @@ export default {
   root: style([
     {
       display: 'grid',
+      overflow: 'hidden',
       gridTemplateColumns: '1fr',
       gridTemplateAreas: `
       "base-layout-header"

diff --git a/packages/site-components/src/AppHeader/styles.css.ts b/packages/site-components/src/AppHeader/styles.css.ts
@@ -7,7 +7,6 @@ export default {
       flexGrow: 1,
       display: 'flex',
       alignItems: 'center',
-      flexWrap: 'wrap',
       justifyContent: 'space-between'
     },
     caption({ variant: 'caption6' }),

diff --git a/packages/site-components/src/AppHeaderControls/styles.css.ts b/packages/site-components/src/AppHeaderControls/styles.css.ts
@@ -14,6 +14,7 @@ export default {
   ]),
   menuButton: style([
     button({ variant: 'square' }),
+    style({ lineHeight: 1 }),
     responsiveSprinkles({ marginLeft: ['x2', 'x2', 'x2', 'x2'] })
   ]),
   userInfo: responsiveSprinkles({