diff --git a/src/components/Header.astro b/src/components/Header.astro
index 47d69a3..f5bf8c5 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -18,7 +18,7 @@ const { session } = Astro.locals
 ---
 
 <header class='relative'>
-  <div class='relative h-[150px] bg-top bg-no-repeat bg-cover'>
+  <div class='relative h-[150px] bg-top bg-no-repeat bg-cover justify-center'>
     <div class='absolute size-full'>
       <Picture
         class={`size-full object-cover object-${bannerPosition || 'top'}`}
@@ -28,11 +28,11 @@ const { session } = Astro.locals
         height={150}
       />
     </div>
-    <div class='relative px-20 size-full flex'>
+    <div class='relative md:px-20 size-full flex justify-center'>
       <a href='/'>
         <Image
           src={Astro.currentLocale === 'es' ? logoEs : logo}
-          class='h-full md:py-0.5 w-auto mx-auto md:mx-0'
+          class='h-full md:py-0.5 w-auto'
           alt='logo'
           height={150}
           width={265}
diff --git a/src/components/header/LoginNav.astro b/src/components/header/LoginNav.astro
index 50893a2..cf43a58 100644
--- a/src/components/header/LoginNav.astro
+++ b/src/components/header/LoginNav.astro
@@ -6,7 +6,7 @@ import LogoutBtn from './LogoutButton'
 const session = Astro.locals.session
 ---
 
-<div class='ms-auto hidden md:block'>
+<div class='px-2 flex gap-x-2 justify-end absolute w-full md:ms-auto md:block md:w-auto md:static'>
   {
     session ? (
       <LogoutBtn client:only='react' />