diff --git a/client/src/components/ui/logo.tsx b/client/src/components/ui/logo.tsx
index 8e90d22..64805b3 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.png";
 
 export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
   const sizeClasses = {
-    small: "h-24", /* 3x from h-8 */
-    regular: "h-36", /* 3x from h-12 */
-    large: "h-48", /* 3x from h-16 */
+    small: "h-40", /* Even bigger */
+    regular: "h-60", /* Even bigger */
+    large: "h-80", /* Even bigger */
   };
 
   return (
@@ -16,7 +16,13 @@ export function Logo({ className = "", size = "regular" }: { className?: string,
       <img 
         src={LogoImage} 
         alt="Pilates with Fadia" 
-        className={`${sizeClasses[size]}`}
+        className={`${sizeClasses[size]} object-contain object-center`}
+        style={{ 
+          padding: "0", 
+          margin: "0", 
+          filter: "drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.1))",
+          maxWidth: "100%"
+        }}
       />
     </Link>
   );