diff --git a/packages/canon/src/components/Button/Button.stories.tsx b/packages/canon/src/components/Button/Button.stories.tsx
index 8ba060ad8e..7a01fa6014 100644
--- a/packages/canon/src/components/Button/Button.stories.tsx
+++ b/packages/canon/src/components/Button/Button.stories.tsx
@@ -109,6 +109,12 @@ export const Disabled: Story = {
     children: 'Button',
     disabled: true,
   },
+  render: args => (
+    <Flex direction="row" gap="4">
+      <Button {...args} variant="primary" />
+      <Button {...args} variant="secondary" />
+    </Flex>
+  ),
 };
 
 export const Responsive: Story = {
diff --git a/packages/canon/src/components/Icon/Icon.stories.tsx b/packages/canon/src/components/Icon/Icon.stories.tsx
index 15e7240bf3..8e783364bb 100644
--- a/packages/canon/src/components/Icon/Icon.stories.tsx
+++ b/packages/canon/src/components/Icon/Icon.stories.tsx
@@ -23,9 +23,6 @@ import { icons } from './icons';
 const meta = {
   title: 'Components/Icon',
   component: Icon,
-  parameters: {
-    layout: 'centered',
-  },
   argTypes: {
     name: {
       control: 'select',