diff --git a/components/Layout.tsx b/components/Layout.tsx
index a09f812..bebc80f 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -41,11 +41,11 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <div className="min-h-screen flex flex-col font-sans">
       <header
-        className={`fixed top-0 left-0 right-0 z-[100] transition-all duration-300 ${
-          isScrolled ? 'bg-white/80 backdrop-blur-lg border-b border-slate-200 py-2' : 'bg-transparent py-4'
+        className={`fixed top-0 left-0 right-0 z-[100] transition-all duration-300 flex items-center py-1 ${
+          isScrolled ? 'bg-white/80 backdrop-blur-lg border-b border-slate-200' : 'bg-transparent'
         }`}
       >
-        <div className="container-custom flex justify-between items-center">
+        <div className="container-custom flex justify-between items-center w-full">
           <Link
             href="/"
             className="relative z-10 flex items-center group"
@@ -54,7 +54,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
             <img
               src="/assets/logo.png"
               alt="MB Grid Solutions"
-              className={`transition-all duration-300 ${isScrolled ? 'h-[90px]' : 'h-[120px] md:h-[150px]'}`}
+              className={`transition-all duration-300 object-contain ${isScrolled ? 'h-[60px] md:h-[80px] my-[-5px]' : 'h-[100px] md:h-[140px] my-[-20px]'}`}
               loading="eager"
             />
           </Link>