diff --git a/frontend/src/components/Container.tsx b/frontend/src/components/Container.tsx
index 57031b16..100672e1 100644
--- a/frontend/src/components/Container.tsx
+++ b/frontend/src/components/Container.tsx
@@ -8,7 +8,7 @@ const Container = (props: ContainerProps) => {
   const { children } = props;
 
   return (
-    <div className="my-20 mx-4 sm:mx-6 md:mx-10 xl:mx-16 max-w-full">
+    <div className="my-[68px] mx-4 sm:mx-6 md:mx-10 xl:mx-16 max-w-full">
       {children}
     </div>
   );
diff --git a/frontend/src/components/nav/Navbar.tsx b/frontend/src/components/nav/Navbar.tsx
index af760c7d..da38ddc9 100644
--- a/frontend/src/components/nav/Navbar.tsx
+++ b/frontend/src/components/nav/Navbar.tsx
@@ -90,7 +90,7 @@ const Navbar = () => {
   return (
     <>
       <nav className="fixed w-full z-30 top-0 start-0 bg-gray-1/30 backdrop-blur-lg">
-        <div className="flex items-center justify-between py-3 mx-4 sm:mx-6 md:mx-10 xl:mx-16 font-medium">
+        <div className="flex items-center justify-between py-2 mx-4 sm:mx-6 md:mx-10 xl:mx-16 font-medium">
           <Link
             to="/"
             className="flex items-center space-x-2 bg-gray-12 p-3 rounded-lg hover:bg-primary-9 transition-all duration-300"
diff --git a/frontend/src/components/ui/PageHeader.tsx b/frontend/src/components/ui/PageHeader.tsx
index a7e07393..264a82c5 100644
--- a/frontend/src/components/ui/PageHeader.tsx
+++ b/frontend/src/components/ui/PageHeader.tsx
@@ -218,7 +218,7 @@ const PageHeader: React.FC<PageHeaderProps> = ({ title, subheading }) => {
   }, [windowWidth, windowHeight, initializeGrid, updateGrid, gridInitialized]);
 
   return (
-    <div className="relative rounded-lg w-full h-[30vh] overflow-hidden mb-10">
+    <div className="relative rounded-lg w-full h-[30vh] overflow-hidden mb-4">
       <div className="absolute inset-0 backdrop-blur-[2px]"></div>
       <canvas ref={canvasRef} className="w-full h-full" />
       <div className="absolute inset-0 flex flex-col items-center justify-center px-4">