diff --git a/resources/js/pages/dashboard.tsx b/resources/js/pages/dashboard.tsx
index de417d68..e89b753d 100644
--- a/resources/js/pages/dashboard.tsx
+++ b/resources/js/pages/dashboard.tsx
@@ -105,7 +105,7 @@ export default function Dashboard() {
                           ))}
                 </div>
 
-                <div className="grid gap-4">
+                <div className="flex flex-col gap-6">
                     <TopCategoriesCard
                         categories={topCategories}
                         loading={isLoading}