diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 982ed57..c6965b9 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -67,7 +67,7 @@ export default function RootLayout({
       {env.PLAUSIBLE_DOMAIN && (
         <PlausibleProvider domain={env.PLAUSIBLE_DOMAIN} trackOutboundLinks />
       )}
-      <body className="pt-16 min-h-[100dvh] flex flex-col items-stretch">
+      <body className="pt-16 min-h-[100dvh] flex flex-col items-stretch bg-slate-50 bg-opacity-30 dark:bg-background">
         <ThemeProvider
           attribute="class"
           defaultTheme="system"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1971b3a..9ba90ab 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,7 +17,7 @@ export default function HomePage() {
     <main>
       <section className="py-16 md:py-24 lg:py-32">
         <div className="container flex max-w-screen-md flex-col items-center gap-4 text-center">
-          <h1 className="!leading-none font-bold text-3xl sm:text-5xl md:text-6xl lg:text-7xl landing-header">
+          <h1 className="!leading-none font-bold text-3xl sm:text-5xl md:text-6xl lg:text-7xl landing-header py-2">
             Share <strong>Expenses</strong> <br /> with <strong>Friends</strong>{' '}
             & <strong>Family</strong>
           </h1>
