diff --git a/client/src/components/navigation/header.tsx b/client/src/components/navigation/header.tsx
index f726c6e..8987000 100644
--- a/client/src/components/navigation/header.tsx
+++ b/client/src/components/navigation/header.tsx
@@ -31,8 +31,8 @@ export default function Header() {
 
   return (
     <header className="sticky top-0 bg-white bg-opacity-95 shadow-sm z-50">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex justify-between items-center py-2">
+      <div className="max-w-7xl mx-auto px-2 sm:px-3 lg:px-4">
+        <div className="flex justify-between items-center py-1">
           <div className="flex items-center">
             <Logo />
           </div>
diff --git a/client/src/components/ui/logo.tsx b/client/src/components/ui/logo.tsx
index acffac3..31569d6 100644
--- a/client/src/components/ui/logo.tsx
+++ b/client/src/components/ui/logo.tsx
@@ -3,9 +3,9 @@ import LogoImage from "../../assets/pilates-with-fadia-logo.png";
 
 export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
   const sizeClasses = {
-    small: "h-48", /* 3x bigger */
-    regular: "h-60", /* 3x bigger */
-    large: "h-84", /* 3x bigger */
+    small: "h-12", /* reduced size */
+    regular: "h-16", /* reduced size */
+    large: "h-20", /* reduced size */
   };
 
   return (