fix(Menu): no wrap for items

8base · Sep 4, 2018 · 65d713d · 65d713d
1 parent 0e40ed9
commit 65d713d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/atoms/Menu/MenuItem.js b/src/atoms/Menu/MenuItem.js
@@ -25,6 +25,7 @@ const StyledTag = createStyledTag(name, () => ({
   alignItems: 'center',
   cursor: 'pointer',
   padding: '0 1rem',
+  whiteSpace: 'nowrap',
 
   '&:hover': {
     backgroundColor: '#4DA1FF',

diff --git a/storybook/__tests__/__snapshots__/storyshots.test.js.snap b/storybook/__tests__/__snapshots__/storyshots.test.js.snap
@@ -9320,6 +9320,7 @@ exports[`Storyshots ATOMS/Dropdown with menu 1`] = `
   align-items: center;
   cursor: pointer;
   padding: 0 1rem;
+  white-space: nowrap;
 }
 
 .emotion-3:hover {
@@ -11657,6 +11658,7 @@ exports[`Storyshots ATOMS/Menu with default modifiers 1`] = `
   align-items: center;
   cursor: pointer;
   padding: 0 1rem;
+  white-space: nowrap;
 }
 
 .emotion-0:hover {