From 6dda1c242e0ffb5e1b3b2b00586c47271f47af90 Mon Sep 17 00:00:00 2001
From: kien-ngo <github@kien.ngo>
Date: Fri, 8 Nov 2024 09:01:21 +0000
Subject: [PATCH] [Dashboard] Fix overflow on team overview page (#5356)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Problem solved

Short description of the bug fixed or feature added

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on modifying the layout of the `PieChartCard` component in the `Analytics` section of the dashboard. It changes a `div` class to improve the responsiveness and wrapping behavior of the child elements.

### Detailed summary
- Changed the class of a `div` from `flex-nowrap` to `flex-wrap` to allow child elements to wrap in the `PieChartCard`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->
---
 .../src/app/team/components/Analytics/PieChartCard.tsx          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/dashboard/src/app/team/components/Analytics/PieChartCard.tsx b/apps/dashboard/src/app/team/components/Analytics/PieChartCard.tsx
index 2bcd002d94c..f008e6306d0 100644
--- a/apps/dashboard/src/app/team/components/Analytics/PieChartCard.tsx
+++ b/apps/dashboard/src/app/team/components/Analytics/PieChartCard.tsx
@@ -60,7 +60,7 @@ export function PieChartCard({
         <PieChart title={title} data={processedData} />
       </CardContent>
       <CardFooter className="no-scrollbar flex max-w-full justify-center p-6 pt-0 max-md:overflow-x-auto">
-        <div className="flex flex-nowrap justify-center gap-x-4 gap-y-2.5 md:flex-wrap">
+        <div className="flex flex-wrap justify-center gap-x-4 gap-y-2.5">
           {processedData.map(
             ({ label, fill }: { label: string; fill?: string }) => (
               <div key={fill} className="flex items-center gap-2">