diff --git a/packages/canon/src/components/Toolbar/Toolbar.styles.css b/packages/canon/src/components/Toolbar/Toolbar.styles.css index 780470c43c..a69e698c84 100644 --- a/packages/canon/src/components/Toolbar/Toolbar.styles.css +++ b/packages/canon/src/components/Toolbar/Toolbar.styles.css @@ -84,6 +84,7 @@ border-radius: var(--canon-radius-2); border: 1px solid var(--canon-border); margin-top: 8px; + overflow: hidden; /* Initialize CSS variables */ --active-tab-left: 0px; diff --git a/packages/canon/src/components/Toolbar/Tooltip.stories.tsx b/packages/canon/src/components/Toolbar/Tooltip.stories.tsx index 93efd7efc8..3e6ee1d7bb 100644 --- a/packages/canon/src/components/Toolbar/Tooltip.stories.tsx +++ b/packages/canon/src/components/Toolbar/Tooltip.stories.tsx @@ -27,10 +27,19 @@ type Story = StoryObj; const tabs = [ { - label: 'Home', + label: 'Overview', }, { - label: 'About', + label: 'Checks', + }, + { + label: 'Tracks', + }, + { + label: 'Campaigns', + }, + { + label: 'Integrations', }, ];