From e1e2ab7b6f81e57b1ded5beecfc9be9874a44c1f Mon Sep 17 00:00:00 2001
From: unknown <shruthichandran@digitalgreen.org>
Date: Thu, 19 Sep 2024 14:49:58 +0530
Subject: [PATCH] moa_images

---
 src/Da_Registry/stateless/PieChartGraph.jsx        | 5 ++++-
 src/Da_Registry/stateless/PieChartGraph.module.css | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Da_Registry/stateless/PieChartGraph.jsx b/src/Da_Registry/stateless/PieChartGraph.jsx
index 91a4a043..ed013a6a 100644
--- a/src/Da_Registry/stateless/PieChartGraph.jsx
+++ b/src/Da_Registry/stateless/PieChartGraph.jsx
@@ -100,7 +100,10 @@ const PieChartGraph = (props) => {
             sm={6}
             md={4}
             lg={4}
-            xl={2}>
+            xl={2}                 
+            style={{
+              overflowY: data.length > 15 ? "auto" : "visible",
+            }}>
             <div>
               {data.map((entry, index) => (
                 <div className={style.labelRow} key={`label-${index}`}>
diff --git a/src/Da_Registry/stateless/PieChartGraph.module.css b/src/Da_Registry/stateless/PieChartGraph.module.css
index dfd30dbf..32bc5dbc 100644
--- a/src/Da_Registry/stateless/PieChartGraph.module.css
+++ b/src/Da_Registry/stateless/PieChartGraph.module.css
@@ -61,7 +61,8 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 200px;
+  height: 340px;
+  width: auto;
   align-self: center;
 }