diff --git a/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx b/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx
index 058d0444..73bb30c6 100644
--- a/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx
+++ b/src/pages/Dashboard/BalanceChartCard/BalanceChartCard.tsx
@@ -37,8 +37,8 @@ const BalanceChartCard = () => {
   }
 
   return (
-    <DashboardCardWrapper width="50%">
-      <YStack space={'$4'} style={{ width: '100%' }}>
+    <DashboardCardWrapper height='fit-content' minWidth="536px">
+      <YStack space={'$4'} >
         <XStack justifyContent={'space-between'}>
           <YStack>
             <Text size={15} weight={'semibold'}>
diff --git a/src/pages/Dashboard/DashboardCardWrapper.tsx b/src/pages/Dashboard/DashboardCardWrapper.tsx
index 9f583e6b..91449831 100644
--- a/src/pages/Dashboard/DashboardCardWrapper.tsx
+++ b/src/pages/Dashboard/DashboardCardWrapper.tsx
@@ -5,6 +5,7 @@ type DashboardCardWrapperProps = {
   padding?: string
   width: string
   height?: string
+  minWidth?: string
 }
 
 const DashboardCardWrapper = ({
@@ -12,6 +13,7 @@ const DashboardCardWrapper = ({
   padding = '12px 16px',
   width,
   height,
+  minWidth
 }: DashboardCardWrapperProps) => {
   return (
     <Shadow
@@ -23,6 +25,7 @@ const DashboardCardWrapper = ({
         borderRadius: '16px',
         padding,
         backgroundColor: '$background',
+        minWidth: minWidth
       }}
     >
       {children}