diff --git a/dashboard/src/components/dashboard/TypeformDashboard.jsx b/dashboard/src/components/dashboard/TypeformDashboard.jsx
index 0581628..63e81f1 100644
--- a/dashboard/src/components/dashboard/TypeformDashboard.jsx
+++ b/dashboard/src/components/dashboard/TypeformDashboard.jsx
@@ -398,15 +398,15 @@ const TypeformDashboard = () => {
           )}
         </div>
       </CardHeader>
-      <CardContent className="space-y-6">
+      <CardContent className="space-y-4">
         {loading ? (
-          <div className="space-y-6">
+          <div className="space-y-4">
             <SkeletonChart />
             <SkeletonTable />
           </div>
         ) : (
           <>
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6">
+            <div className="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-6">
              
 
               <Card className="bg-white dark:bg-gray-900/60 backdrop-blur-sm">
@@ -559,7 +559,7 @@ const TypeformDashboard = () => {
               </Card>
             </div>
 
-            <div className="grid grid-cols-2 lg:grid-cols-12 gap-6">
+            <div className="grid grid-cols-2 lg:grid-cols-12 gap-4">
               <div className="col-span-4 lg:col-span-12 xl:col-span-4">
                 <Card className="bg-white dark:bg-gray-900/60 backdrop-blur-sm">
                   <CardHeader>