diff --git a/components/hero.tsx b/components/hero.tsx
index c6d79ff..a23733f 100644
--- a/components/hero.tsx
+++ b/components/hero.tsx
@@ -3,7 +3,7 @@ import Link from "next/link";
 export const Hero = () => {
   return (
     <>
-      <div className="relative flex flex-col justify-end pt-8 mb-0 min-h-[calc(100svh-90px)]">
+      <div className="relative flex flex-col justify-end pt-8 mb-0 md:min-h-[calc(100svh-190px)] min-h-[calc(100svh-90px)]">
         <Background />
         <div className="relative z-10 flex-1 mx-auto max-w-screen-lg md:max-w-screen-xl py-8 flex flex-col justify-center items-center md:px-8 px-4">
           <div className="mx-auto flex flex-1 flex-col  items-center w-full max-w-[750px] ">
diff --git a/components/tracks.tsx b/components/tracks.tsx
index 2e66e0e..1728c72 100644
--- a/components/tracks.tsx
+++ b/components/tracks.tsx
@@ -60,7 +60,7 @@ const tracks = [
 
 export const Tracks = () => {
   return (
-    <section id="tracks" className="py-16 pt-0 md:pt-8 lg:pt-24 xl:pt-96">
+    <section id="tracks" className="py-16 pt-0 md:pt-4 lg:pt-8 xl:pt-96">
       <div className="mx-auto max-w-screen-xl mb-10 pt-8 md:mb-16 md:px-8 px-4">
         <div className="mx-auto ">
           <Image