diff --git a/packages/charts/react-charts/stories/src/DonutChart/DonutChartResponsive.stories.tsx b/packages/charts/react-charts/stories/src/DonutChart/DonutChartResponsive.stories.tsx
index a3eac7bc29548a..df0fdfb066b4f4 100644
--- a/packages/charts/react-charts/stories/src/DonutChart/DonutChartResponsive.stories.tsx
+++ b/packages/charts/react-charts/stories/src/DonutChart/DonutChartResponsive.stories.tsx
@@ -79,9 +79,11 @@ export const DonutChartResponsive = (): JSXElement => {
   };
 
   return (
-    <ResponsiveContainer>
-      <DonutChart data={data} innerRadius={55} valueInsideDonut={39000} />
-    </ResponsiveContainer>
+    <div style={{ width: '100%', height: '400px' }}>
+      <ResponsiveContainer>
+        <DonutChart data={data} innerRadius={55} valueInsideDonut={39000} />
+      </ResponsiveContainer>
+    </div>
   );
 };
 DonutChartResponsive.parameters = {