diff --git a/src/app/(iTracker)/layout.tsx b/src/app/(iTracker)/layout.tsx
index d117354..66df761 100644
--- a/src/app/(iTracker)/layout.tsx
+++ b/src/app/(iTracker)/layout.tsx
@@ -2,7 +2,7 @@ import { Header } from '@/shared/components/Header';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="flex-1 w-full flex flex-col gap-10 max-w-[1080px] mx-auto px-4">
+    <div className="flex-1 w-full flex flex-col gap-8 max-w-[1080px] mx-auto px-4">
       <Header />
       {children}
     </div>
diff --git a/src/app/(iTracker)/products/[productId]/layout.tsx b/src/app/(iTracker)/products/[productId]/layout.tsx
index 78fa9d3..d707fda 100644
--- a/src/app/(iTracker)/products/[productId]/layout.tsx
+++ b/src/app/(iTracker)/products/[productId]/layout.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  return <div className="flex-1 w-full flex flex-col py-4">{children}</div>;
+  return <div className="flex-1 w-full flex flex-col">{children}</div>;
 }
diff --git a/src/features/productDetail/components/ProductDetail/index.tsx b/src/features/productDetail/components/ProductDetail/index.tsx
index 7ddd640..049415a 100644
--- a/src/features/productDetail/components/ProductDetail/index.tsx
+++ b/src/features/productDetail/components/ProductDetail/index.tsx
@@ -23,7 +23,7 @@ export const ProductDetail = async ({ productId }: { productId: number }) => {
 
     return (
       <div>
-        <div className="my-8 w-full">
+        <div className="mb-8 w-full">
           <div className="flex flex-col items-start md:flex-row md:items-center gap-12 md:gap-16">
             <div className="flex items-center md:flex-col md:items-start gap-12 md:gap-4">
               <div className="w-auto h-full rounded-md border-gray-200 border">