diff --git a/packages/ui/src/makerkit/marketing/header.tsx b/packages/ui/src/makerkit/marketing/header.tsx
index 8aba50ce1..fcba50831 100644
--- a/packages/ui/src/makerkit/marketing/header.tsx
+++ b/packages/ui/src/makerkit/marketing/header.tsx
@@ -23,7 +23,7 @@ export const Header: React.FC<HeaderProps> = function ({
     >
       <div className="container">
         <div className="grid h-14 grid-cols-3 items-center">
-          <div className={'mx-auto lg:mx-0'}>{logo}</div>
+          <div className={'mx-auto md:mx-0'}>{logo}</div>
           <div className="order-first md:order-none">{navigation}</div>
           <div className="flex items-center justify-end gap-x-2">{actions}</div>
         </div>