diff --git a/src/routes/-components/Footer.tsx b/src/routes/-components/Footer.tsx
index f875ca4..c6821c6 100644
--- a/src/routes/-components/Footer.tsx
+++ b/src/routes/-components/Footer.tsx
@@ -5,7 +5,7 @@ import { Link } from "@tanstack/react-router";
 
 export default function Footer() {
   return (
-    <footer className="mt-8 pl-4" data-test="Footer">
+    <footer className="mt-8 pl-4 md:mt-48 lg:mt-96" data-test="Footer">
       <div className="flex flex-col md:flex-row md:items-center md:justify-between lg:justify-around">
         <div className="flex items-center justify-start gap-4">
           {/* Social Icons */}
diff --git a/src/routes/-components/FooterCTA.tsx b/src/routes/-components/FooterCTA.tsx
index 52a5967..9724da7 100644
--- a/src/routes/-components/FooterCTA.tsx
+++ b/src/routes/-components/FooterCTA.tsx
@@ -6,7 +6,7 @@ export const FooterCTA = () => {
   return (
     <div
       data-test="FooterCTA"
-      className="relative flex flex-col items-center gap-4 p-4 md:gap-10 lg:flex lg:flex-row lg:p-[100px] lg:pl-[20%]"
+      className="relative flex flex-col items-center gap-4 p-4 md:gap-10 md:p-10 lg:flex lg:flex-row lg:pl-[20%]"
     >
       <div className="z-10 lg:flex lg:w-1/2 lg:flex-col lg:gap-6">
         <p className="text-[32px] font-bold text-white lg:text-[55px] lg:leading-[60.5px]">