diff --git a/app/hobbies/[slug]/page.tsx b/app/hobbies/[slug]/page.tsx
index 3b106e4..00cf59f 100644
--- a/app/hobbies/[slug]/page.tsx
+++ b/app/hobbies/[slug]/page.tsx
@@ -13,7 +13,7 @@ export default async function HobbyPage({ params }: PageProps) {
   const filteredPosts = posts.filter((post) => post.hobby?.slug === slug);
 
   return (
-    <div className="relative p-4 w-full space-y-4">
+    <div className="relative px-4 pt-12 pb-40 w-full space-y-4">
       <NewPost />
       <div className="w-full grid grid-cols-1 gap-4 md:grid-cols-2 ">
         {filteredPosts.map((post) => (
diff --git a/app/layout.tsx b/app/layout.tsx
index 780d254..bf16687 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -29,6 +29,7 @@ export default function RootLayout({
         <SessionProviderWrapper>
           <Header />
           <main className="flex-grow">{children}</main>
+          <div className="flex-grow mt-50" />
         </SessionProviderWrapper>
         <Footer />
       </body>
diff --git a/app/login/page.tsx b/app/login/page.tsx
index 3e40f67..cb73385 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -28,7 +28,7 @@ export default function LoginPage() {
   }
 
   return (
-    <div className="flex items-center justify-center mt-8 flex-col">
+    <div className="flex items-center justify-center mt-12 flex-col">
       <form
         onSubmit={handleSubmit}
         className="flex flex-col gap-4 items-center w-72"
diff --git a/app/page.tsx b/app/page.tsx
index 992670b..2acc7d7 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -7,7 +7,7 @@ export default async function Home() {
   const session = await getServerSession(authOptions);
 
   return (
-    <div className="flex flex-col gap-8 items-center justify-center m-8 font-bold text-xl h-full">
+    <div className="flex flex-col gap-12 items-center justify-center m-20 font-bold text-xl h-full">
       <div>
         {session ? (
           <p>Velkommen, {session.user?.name}!</p>
diff --git a/app/register/page.tsx b/app/register/page.tsx
index 8eff278..2d93cd2 100644
--- a/app/register/page.tsx
+++ b/app/register/page.tsx
@@ -44,7 +44,7 @@ export default function RegisterPage() {
   }
 
   return (
-    <div className="flex items-center justify-center my-6 flex-col">
+    <div className="flex items-center justify-center my-12 flex-col">
       <form
         onSubmit={handleSubmit}
         className="flex flex-col gap-4 items-center w-72"
diff --git a/components/header.tsx b/components/header.tsx
index b194378..53fb79b 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -16,7 +16,6 @@ export function Header() {
   const [ending, setEnding] = useState("kompis");
   const [bergenser, setBergenser] = useState(false);
 
-  // 🧠 Update ending when bergenser changes
   useEffect(() => {
     if (bergenser) {
       setEnding("tjommi");
@@ -25,7 +24,6 @@ export function Header() {
     }
   }, [bergenser]);
 
-  // 🧠 Update title and bade when pathname or ending changes
   useEffect(() => {
     if (pathname.startsWith("/hobbies/")) {
       const hobby = pathname.split("/")[2];
diff --git a/components/interestsMenu.tsx b/components/interestsMenu.tsx
index a23116d..90d150c 100644
--- a/components/interestsMenu.tsx
+++ b/components/interestsMenu.tsx
@@ -9,8 +9,8 @@ export default async function InterestMenu() {
   const user = session?.user;
 
   return (
-    <div className="flex flex-col gap-8 items-center justify-center m-6 font-bold text-xl">
-      <h1>Hvilke interesser har du?</h1>
+    <div className="flex flex-col gap-16 items-center justify-center m-6 font-bold text-xl">
+      <h1 className="text-3xl">Hvilke interesser har du?</h1>
 
       <div className="w-full max-w-screen overflow-hidden">
         <div className="animate-scroll flex gap-4 whitespace-nowrap w-max">