diff --git a/apps/web/src/components/views/DiscoverView.tsx b/apps/web/src/components/views/DiscoverView.tsx
index 041e53a55..50dbad65f 100644
--- a/apps/web/src/components/views/DiscoverView.tsx
+++ b/apps/web/src/components/views/DiscoverView.tsx
@@ -142,7 +142,7 @@ export const DiscoverView: React.FC = () => {
 
           <Card
             variant="default"
-            className="relative overflow-hidden group cursor-pointer h-64 p-6 flex flex-col justify-end"
+            className="relative overflow-hidden group cursor-pointer h-64 p-8 flex flex-col justify-end"
           >
             <img
               src="https://picsum.photos/id/99/400/400"
diff --git a/apps/web/src/components/views/FileDetailsView.tsx b/apps/web/src/components/views/FileDetailsView.tsx
index ef0a1dae5..c2c57f615 100644
--- a/apps/web/src/components/views/FileDetailsView.tsx
+++ b/apps/web/src/components/views/FileDetailsView.tsx
@@ -207,7 +207,7 @@ export const FileDetailsView: React.FC<FileDetailsViewProps> = ({
         </div>
 
         {/* Right: Sidebar */}
-        <div className="space-y-6">
+        <div className="space-y-8">
           {/* Activity Feed */}
           <Card variant="gaming">
             <h3 className="font-bold text-white mb-4 flex items-center gap-2 text-sm uppercase tracking-wider">
diff --git a/apps/web/src/components/views/GearView.tsx b/apps/web/src/components/views/GearView.tsx
index 3e3803f33..4fa5b808a 100644
--- a/apps/web/src/components/views/GearView.tsx
+++ b/apps/web/src/components/views/GearView.tsx
@@ -359,7 +359,7 @@ export const GearView: React.FC = () => {
             <div className="flex-1 overflow-y-auto p-8">
               <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
                 {/* Left: Specs & Info */}
-                <div className="lg:col-span-2 space-y-6">
+                <div className="lg:col-span-2 space-y-8">
                   {/* Specifications */}
                   <Card variant="default">
                     <h4 className="flex items-center gap-2 font-bold text-white mb-4 border-b border-kodo-steel pb-2">
@@ -446,7 +446,7 @@ export const GearView: React.FC = () => {
                 </div>
 
                 {/* Right: Purchase & Docs */}
-                <div className="space-y-6">
+                <div className="space-y-8">
                   {/* Purchase Info */}
                   <Card variant="glass">
                     <h4 className="flex items-center gap-2 font-bold text-white mb-4 border-b border-kodo-steel pb-2">
diff --git a/apps/web/src/components/views/ProfileView.tsx b/apps/web/src/components/views/ProfileView.tsx
index a7e533d98..d2d69c46a 100644
--- a/apps/web/src/components/views/ProfileView.tsx
+++ b/apps/web/src/components/views/ProfileView.tsx
@@ -243,7 +243,7 @@ export const ProfileView: React.FC<ProfileViewProps> = ({ userId }) => {
         </div>
 
         {/* Identity Section */}
-        <div className="px-6 md:px-12 relative z-20 -mt-20 flex flex-col md:flex-row items-end gap-6">
+        <div className="px-6 md:px-12 relative z-20 -mt-20 flex flex-col md:flex-row items-end gap-8">
           <div className="relative shrink-0 group">
             <Avatar
               src={profile.avatar}
diff --git a/apps/web/src/components/views/PurchasesView.tsx b/apps/web/src/components/views/PurchasesView.tsx
index f25a7b6ae..577941462 100644
--- a/apps/web/src/components/views/PurchasesView.tsx
+++ b/apps/web/src/components/views/PurchasesView.tsx
@@ -80,7 +80,7 @@ export const PurchasesView: React.FC = () => {
             <Card
               key={purchase.id}
               variant="default"
-              className="flex flex-col md:flex-row items-center gap-6 p-4"
+              className="flex flex-col md:flex-row items-center gap-8 p-4"
             >
               {/* Image */}
               <div className="w-20 h-20 rounded-lg overflow-hidden flex-shrink-0 bg-kodo-graphite">
diff --git a/apps/web/src/pages/DashboardPage.tsx b/apps/web/src/pages/DashboardPage.tsx
index d30bcafb4..9091ddaf0 100644
--- a/apps/web/src/pages/DashboardPage.tsx
+++ b/apps/web/src/pages/DashboardPage.tsx
@@ -128,7 +128,7 @@ export function DashboardPage() {
   return (
     <div className="space-y-12 pb-12 animate-fade-in">
       {/* Header Section */}
-      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-8">
         <div className="space-y-2">
           <h1 className="text-2xl font-bold text-white tracking-tight">
             Bienvenue,{' '}