diff --git a/resources/js/components/dashboard/top-categories-card.tsx b/resources/js/components/dashboard/top-categories-card.tsx
index efe47a8c..030eed1c 100644
--- a/resources/js/components/dashboard/top-categories-card.tsx
+++ b/resources/js/components/dashboard/top-categories-card.tsx
@@ -48,7 +48,7 @@ export function TopCategoriesCard({
 
     if (loading || !auth?.user) {
         return (
-            <Card>
+            <Card className="w-full">
                 <CardHeader>
                     <CardTitle>Top Spending Categories</CardTitle>
                 </CardHeader>
@@ -71,7 +71,7 @@ export function TopCategoriesCard({
     }
 
     return (
-        <Card>
+        <Card className="w-full">
             <CardHeader className="gap-2">
                 <CardTitle>Top spending categories</CardTitle>
                 <CardDescription>on the last 30 days</CardDescription>