diff --git a/cloud/app/components/blocks/navigation/footer.tsx b/cloud/app/components/blocks/navigation/footer.tsx
index 4ad9d5650c..47b33b3d9b 100644
--- a/cloud/app/components/blocks/navigation/footer.tsx
+++ b/cloud/app/components/blocks/navigation/footer.tsx
@@ -3,12 +3,7 @@ import { cn } from "@/app/lib/utils";
 
 export default function Footer() {
   return (
-    <footer
-      className={cn(
-        "mt-auto w-full px-4 pt-4 pb-3 sm:px-6 md:px-12",
-        "landing-text",
-      )}
-    >
+    <footer className="mt-auto w-full px-4 pt-4 pb-3 sm:px-6 md:px-12">
       <div className="mx-auto flex max-w-5xl flex-col-reverse items-center justify-between md:flex-row md:items-center">
         <div className="mt-4 text-center text-sm sm:text-base md:mt-0 md:text-left font-handwriting">
           <p>© 2025 Mirascope. All rights reserved.</p>
diff --git a/cloud/app/components/blocks/navigation/header.tsx b/cloud/app/components/blocks/navigation/header.tsx
index 9692ac4907..a257879825 100644
--- a/cloud/app/components/blocks/navigation/header.tsx
+++ b/cloud/app/components/blocks/navigation/header.tsx
@@ -59,10 +59,7 @@ export default function Header() {
           <MirascopeLogo
             size="small"
             withText={true}
-            textClassName={cn(
-              "landing-text",
-              HEADER_STYLES.logoText(isSearchOpen),
-            )}
+            textClassName={cn(HEADER_STYLES.logoText(isSearchOpen))}
           />
         </Link>
         <DesktopNavigation isSearchOpen={isSearchOpen} />
diff --git a/cloud/app/routes/__root.tsx b/cloud/app/routes/__root.tsx
index 253dfed349..012b3d4185 100644
--- a/cloud/app/routes/__root.tsx
+++ b/cloud/app/routes/__root.tsx
@@ -64,16 +64,18 @@ function RootComponent() {
         <ThemeProvider>
           <QueryClientProvider client={queryClient}>
             <AuthProvider>
-              <Header />
-              <main className="grow">
-                {/* Content container with padding to account for fixed header */}
+              <div className="flex min-h-screen flex-col">
+                <Header />
                 <div className="mx-auto w-full max-w-7xl grow pt-(--header-height)">
-                  <Outlet />
+                  <main className="grow">
+                    {/* Content container with padding to account for fixed header */}
+                    <Outlet />
+                  </main>
                 </div>
-              </main>
-              <Footer />
-              <TanStackRouterDevtools />
-              <Scripts />
+                <Footer />
+                <TanStackRouterDevtools />
+                <Scripts />
+              </div>
             </AuthProvider>
           </QueryClientProvider>
         </ThemeProvider>