From 989cba090875a635d5333eb20a9ab786763dcd28 Mon Sep 17 00:00:00 2001
From: v-baambati <132879294+v-baambati@users.noreply.github.com>
Date: Mon, 30 Mar 2026 14:21:37 +0530
Subject: [PATCH] fixed ResponsiveContainer expands indefinetely in vertical
 direction issue

---
 .../src/DonutChart/DonutChartResponsive.stories.tsx       | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

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 = {