[misc] Fix EuiCollapsibleNavItem story

- this visually broke when I removed the `eui-yScroll` child div - fixing it now
elastic · Aug 9, 2023 · 9a9ebc2 · 9a9ebc2
1 parent 60a5ea3
commit 9a9ebc2
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.stories.tsx b/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.stories.tsx
@@ -47,7 +47,9 @@ export const Playground: Story = {
 
 export const EdgeCaseTesting: Story = {
   render: ({ ...args }) => (
-    <EuiCollapsibleNavBeta>
+    // Since we're not using EuiFlyoutBody/Footer, the flex display isn't needed
+    // and causes item vertical margins to not collapse
+    <EuiCollapsibleNavBeta className="eui-displayBlock">
       <EuiCollapsibleNavItem {...args} href="#" title="Link with no icon" />
       <EuiCollapsibleNavItem
         {...args}