Improve styles for tabs

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

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;

packages/canon/src/components/Toolbar/Tooltip.stories.tsx

@@ -27,10 +27,19 @@ type Story = StoryObj<typeof meta>;
 
 const tabs = [
   {
-    label: 'Home',
+    label: 'Overview',
   },
   {
-    label: 'About',
+    label: 'Checks',
+  },
+  {
+    label: 'Tracks',
+  },
+  {
+    label: 'Campaigns',
+  },
+  {
+    label: 'Integrations',
   },
 ];