diff --git a/src/app/page.tsx b/src/app/page.tsx
index e839701..b2d85ce 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,8 +7,8 @@ export default function Home() {
       <RenderedSection
         id="about"
         curve={LorentzCurve}
-        className="relative h-full"
-        curveClassname="w-full h-full"
+        className="relative w-full h-full px-4 md:px-8"
+        curveClassname="w-full h-[calc(100vh-3.5rem)]"
       >
         <h1 className="text-2xl">Hello, I am a </h1>
       </RenderedSection>
diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
index aef06cc..f7bc5f6 100644
--- a/src/components/layout/header.tsx
+++ b/src/components/layout/header.tsx
@@ -8,7 +8,7 @@ import NavLinks from "../navlinks";
 import NavCommand from "./nav";
 
 const Header = () => (
-  <header className="w-full flex flex-col justify-center items-center">
+  <header className="w-full h-14 flex flex-col justify-center items-center">
     <div className="py-2 px-4 md:px-8 flex flex-row justify-between w-full max-w-screen-2xl">
       <div className="flex flex-row items-center">
         <Link
diff --git a/src/components/layout/index.tsx b/src/components/layout/index.tsx
index e747e14..1f30d33 100644
--- a/src/components/layout/index.tsx
+++ b/src/components/layout/index.tsx
@@ -5,7 +5,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <>
       <Header />
-      <main className="w-full min-h-screen flex justify-center">
+      <main className="w-full flex justify-center">
         {children}
       </main>
       <NavBinds />