diff --git a/packages/calcite-components/src/components/panel/panel.stories.ts b/packages/calcite-components/src/components/panel/panel.stories.ts
index a5d8c6f7ab..ea0af7aa81 100644
--- a/packages/calcite-components/src/components/panel/panel.stories.ts
+++ b/packages/calcite-components/src/components/panel/panel.stories.ts
@@ -401,7 +401,7 @@ export const footerAndContentTopBottomSlots = (): string => html`
 `;
 
 export const footerStartAndEndSlots = (): string => html`
-  <calcite-panel style="height: 200px">
+  <calcite-panel style="height: 200px; width: 300px;">
     <div slot="header-content">header-content slot</div>
     <p>Slotted content!</p>
     <div slot="content-bottom">Slot for a content-bottom.</div>