diff --git a/client/src/components/DistroMatch.tsx b/client/src/components/DistroMatch.tsx
index de4f051..592572c 100644
--- a/client/src/components/DistroMatch.tsx
+++ b/client/src/components/DistroMatch.tsx
@@ -144,7 +144,7 @@ export default function DistroMatch() {
     <div className="relative min-h-screen">
       <DynamicBackground colors={bgColors} />
       
-      <div className="relative z-10 flex flex-col items-center justify-center min-h-screen py-8">
+      <div className="relative z-10 flex flex-col items-center justify-center min-h-screen pt-24 pb-8">
         {stage === 'de' && (
           <>
             <motion.div
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 3262f42..934d2f3 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -10,7 +10,7 @@ export default function Home() {
   return (
     <div className="relative min-h-screen w-full overflow-hidden">
       <Header />
-      <main className="pt-16">
+      <main>
         <DistroMatch />
       </main>
     </div>