From efe32f80849f4cf2304408b4dd8df6693193730e Mon Sep 17 00:00:00 2001
From: saeed0920 <sd.eed1381@gmail.com>
Date: Wed, 17 Sep 2025 13:00:51 +0330
Subject: [PATCH] fix the width of charts in dashboard

---
 app/components/dashboard/dashboard-home.tsx        | 10 +++++-----
 app/components/dashboard/interactive-bar-chart.tsx |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/dashboard/dashboard-home.tsx b/app/components/dashboard/dashboard-home.tsx
index ac9ca0f..1ad9277 100644
--- a/app/components/dashboard/dashboard-home.tsx
+++ b/app/components/dashboard/dashboard-home.tsx
@@ -312,7 +312,7 @@ export function DashboardHome() {
 
   return (
     <DashboardLayout>
-      <div className="grid gird-cols-3 p-3 pb-0 gap-4">
+      <div className="grid grid-cols-3 p-3 pb-0 gap-4">
         {/* Top Cards Row - Redesigned to match other components */}
         <div className="flex justify-between gap-6 [&>*]:w-full col-span-3">
           {/* Ideas Card */}
@@ -378,7 +378,7 @@ export function DashboardHome() {
                     gridType="circle"
                     radialLines={false}
                     stroke="none"
-                    className="first:fill-red-400 last:fill-background"
+                    className="first:fill-red-400 last:fill-[#111628]"
                     polarRadius={[38, 31]}
                   />
                   <RadialBar
@@ -506,7 +506,7 @@ export function DashboardHome() {
                         gridType="circle"
                         radialLines={false}
                         stroke="none"
-                        className="first:fill-red-400 last:fill-background"
+                        className="first:fill-red-400 last:fill-[#111628]"
                         polarRadius={[38, 31]}
                       />
                       <RadialBar
@@ -604,12 +604,12 @@ export function DashboardHome() {
             </TabsList>
           </div>
 
-          <TabsContent value="charts" className="w-ful h-full">
+          <TabsContent value="charts" className="h-full">
             <InteractiveBarChart data={companyChartData} />
           </TabsContent>
 
           <TabsContent value="canvas" className="w-ful h-full">
-            <div className="p-4 h-full">
+            <div className="p-4 h-full w-full">
               <D3ImageInfo
                 companies={
                   companyChartData.map((item) => {
diff --git a/app/components/dashboard/interactive-bar-chart.tsx b/app/components/dashboard/interactive-bar-chart.tsx
index 97d9ae9..18e9344 100644
--- a/app/components/dashboard/interactive-bar-chart.tsx
+++ b/app/components/dashboard/interactive-bar-chart.tsx
@@ -44,7 +44,7 @@ export function InteractiveBarChart({
   return (
     <Card className="py-0 bg-transparent mt-8 border-none h-full">
       <CardContent className="p-2 bg-transparent">
-        <ChartContainer config={chartConfig} className="aspect-auto h-96 w-full">
+        <ChartContainer config={chartConfig} className="aspect-auto h-96">
           <BarChart
             accessibilityLayer
             data={data}