From 44f87542a81d81dfb2fccd6a04671c157ab21c56 Mon Sep 17 00:00:00 2001
From: Thomas Catinaud Taris <tcatinaud-taris@greenspector.com>
Date: Wed, 15 May 2024 13:57:41 +0200
Subject: [PATCH] fix(graph): page overflow with graph

---
 src/app/dashboard/page.tsx   | 12 +++++++-----
 src/app/page.tsx             |  2 +-
 src/components/JoinBlock.tsx |  2 +-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 203c2e7ac..a28f606ca 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -238,11 +238,13 @@ const TopCountriesSection = () => {
           Evolution de l'élevage du saumon par pays
         </h3>
 
-        <DashboardChart
-          data={mapData.data}
-          layout={mapData.layout}
-          id="evolution-map"
-        />
+        <div className="flex md:justify-center min-h-[450px] overflow-y-auto">
+          <DashboardChart
+            data={mapData.data}
+            layout={mapData.layout}
+            id="evolution-map"
+          />
+        </div>
       </div>
     </>
   );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index dfb793409..389c9ccc1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -217,7 +217,7 @@ const BusinessSection = () => {
           connaît depuis quelques décennies une hyper-croissance à l’échelle
           globale.
         </p>
-        <div className="flex justify-center">
+        <div className="flex md:justify-center min-h-[450px] overflow-y-auto bg-white">
           <Plot data={plot.data} layout={plot.layout} />
         </div>
       </div>
diff --git a/src/components/JoinBlock.tsx b/src/components/JoinBlock.tsx
index 3f348000c..176af7d87 100644
--- a/src/components/JoinBlock.tsx
+++ b/src/components/JoinBlock.tsx
@@ -67,7 +67,7 @@ const IntroBlock = ({
             saumon au monde, porte une responsabilité particulière dans
             l'orientation des pratiques.
           </p>
-          <div className="flex justify-center">
+          <div className="flex lg:justify-center min-h-[300px] overflow-y-auto bg-white">
             <Plot data={plot.data} layout={plot.layout} />
           </div>
         </div>