diff --git a/app/layout.tsx b/app/layout.tsx
index a6610ed5..a655b61c 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -32,7 +32,7 @@ const RootLayout = ({
 }): JSX.Element => {
   return (
     <html lang="en" className={GeistSans.className}>
-      <body className="dark:dark bg-background px-4 pb-8 text-foreground">
+      <body className="dark:dark bg-background pb-8 px-4 text-foreground xl:pb-0">
         <ErrorBoundary>
           <AuthContextProvider>
             <Nav />
diff --git a/app/login/page.tsx b/app/login/page.tsx
index 0c453675..c776bf2a 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -72,7 +72,7 @@ const Login = (): JSX.Element => {
   };
 
   return (
-    <section className="grid grid-rows-3 xl:grid-cols-2 xl:grid-rows-none">
+    <section className="grid xl:grid-cols-2 xl:grid-rows-none">
       <div className="row-span-1 grid w-full place-items-center from-[#4E160E] to-zinc-950 dark:bg-gradient-to-b xl:h-screen xl:bg-gradient-to-b">
         <Logo className="mx-auto w-52 xl:w-64 xl:place-self-end" src={logo} />
         <div className="mx-auto grid gap-4 place-self-end px-8 pb-8 text-foreground text-white">
