diff --git a/src/app/[locale]/page.tsx b/src/app/[locale]/page.tsx
index 1be6354..6bbd968 100644
--- a/src/app/[locale]/page.tsx
+++ b/src/app/[locale]/page.tsx
@@ -22,10 +22,10 @@ export default async function Home({
       </div>
 
       {/* Nav cards: Piletid + Turniirid */}
-      <div className="grid grid-cols-1 md:grid-cols-2 border-b-3 border-[#1F5673]">
+      <div className="grid grid-cols-1 md:grid-cols-2 md:h-[260px] border-b-3 border-[#1F5673]">
         <Link
           href="/piletid"
-          className="px-8 md:px-12 py-8 flex flex-col gap-4 border-b-3 md:border-b-0 md:border-r-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
+          className="px-8 md:px-12 py-8 flex flex-col justify-center gap-4 border-b-3 md:border-b-0 md:border-r-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
         >
           <div className="flex flex-row justify-between gap-4 items-center">
             <h2
@@ -49,7 +49,7 @@ export default async function Home({
 
         <Link
           href="/turniirid"
-          className="px-8 md:px-12 py-8 flex flex-col gap-4 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
+          className="px-8 md:px-12 py-8 flex flex-col justify-center gap-4 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
         >
           <div className="flex flex-row justify-between gap-4 items-center">
             <h2
diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index 24223f3..8dffa43 100644
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -7,7 +7,7 @@ export default function HeroSection() {
   const t = useTranslations("home");
 
   return (
-    <section className="relative overflow-hidden border-b-3 border-[#1F5673]">
+    <section className="relative h-[569px] overflow-hidden border-b-3 border-[#1F5673]">
       {/* Background image */}
       <Image
         src="/images/landing/main_teaser.jpg"
@@ -20,7 +20,7 @@ export default function HeroSection() {
       <div className="absolute inset-0 bg-[#0E0F19]/75" />
 
       {/* Content */}
-      <div className="relative grid grid-cols-1 md:grid-cols-[3fr_2fr] items-center gap-8 px-8 py-10 md:px-12 md:py-14">
+      <div className="relative h-full grid grid-cols-1 md:grid-cols-[3fr_2fr] items-center gap-8 px-8 md:px-12">
         {/* Left: logo + info + CTA */}
         <div className="flex flex-col gap-5">
           <Image
diff --git a/src/components/TeaserCarousel.tsx b/src/components/TeaserCarousel.tsx
index 7033693..6b4b00b 100644
--- a/src/components/TeaserCarousel.tsx
+++ b/src/components/TeaserCarousel.tsx
@@ -31,7 +31,7 @@ export default function TeaserCarousel() {
   return (
     <div className="border-b-3 border-[#1F5673]">
       {/* Card */}
-      <div className="relative min-h-[400px] overflow-hidden">
+      <div className="relative h-[729px] overflow-hidden">
         {/* Background image */}
         <Image
           src={slide.image}
@@ -43,7 +43,7 @@ export default function TeaserCarousel() {
         <div className="absolute inset-0 bg-[#0E0F19]/70" />
 
         {/* Content grid */}
-        <div className="relative grid grid-cols-1 md:grid-cols-[1fr_1fr] min-h-[400px]">
+        <div className="relative grid grid-cols-1 md:grid-cols-[1fr_1fr] h-full">
           {/* Left: text */}
           <div className="flex flex-col justify-between gap-4 px-8 py-8 md:px-12 md:py-10">
             <div className="flex flex-col gap-3">