diff --git a/frontend/src/stories/ProgressBar.stories.tsx b/frontend/src/stories/ProgressBar.stories.tsx
index b57d83a4a..7e53b3181 100644
--- a/frontend/src/stories/ProgressBar.stories.tsx
+++ b/frontend/src/stories/ProgressBar.stories.tsx
@@ -14,7 +14,24 @@ export const Default = {
         max: 100,
         showPercentage: false,
         label: "3 / 20",
-        size: "md",
+    },
+    decorators: [
+        (Story) => (
+            <div
+                style={{ width: "100%", height: "100%", backgroundColor: "#666", padding: "1rem" }}
+            >
+                <Story />
+            </div>
+        ),
+    ],
+};
+
+export const WithPercentage = {
+    args: {
+        value: 50,
+        max: 100,
+        showPercentage: true,
+        label: "3 / 20",
     },
     decorators: [
         (Story) => (