diff --git a/src/pages/auth/components/Footer.tsx b/src/pages/auth/components/Footer.tsx
index c3c9ecc..3551aab 100644
--- a/src/pages/auth/components/Footer.tsx
+++ b/src/pages/auth/components/Footer.tsx
@@ -2,7 +2,7 @@ import { A } from '@solidjs/router'
 import { Component } from 'solid-js'
 
 const Footer: Component = () => {
-  return <div class="absolute bottom-0 flex h-[60px] w-full items-center justify-center text-xs text-on-secondary">
+  return <div class="absolute bottom-0 hidden h-[60px] w-full items-center justify-center text-xs text-on-secondary sm:flex">
     <p>built with 𖹭 for open-source at <A href="https://fossunited.org/fosshack/2024" >FOSS Hack 4.0</A></p>
   </div>
 }
diff --git a/src/pages/auth/components/Header.tsx b/src/pages/auth/components/Header.tsx
index 4a301ec..2fa7651 100644
--- a/src/pages/auth/components/Header.tsx
+++ b/src/pages/auth/components/Header.tsx
@@ -59,7 +59,7 @@ const Header: Component = () => {
       <Logo />
       <h1 class="mb-4 text-6xl">zitefy</h1>
       <div class="h-8">
-        <h4 class="text-xl">
+        <h4 class="text-center text-xl">
           {currentPhrase()}
           <span class="animate-blink">|</span>
         </h4>