diff --git a/Frontend/src/app/(pages)/page.tsx b/Frontend/src/app/(pages)/page.tsx
index c2b5c9d..e315771 100644
--- a/Frontend/src/app/(pages)/page.tsx
+++ b/Frontend/src/app/(pages)/page.tsx
@@ -10,7 +10,7 @@ import Background from "../components/landing/background";
  * @returns the page jsx
  */
 const LandingPage = (): ReactElement => (
-    <main className="flex flex-col gap-14">
+    <main className="flex flex-col gap-10">
         {/* Hero */}
         <div className="relative">
             <Background />
diff --git a/Frontend/src/app/components/landing/hero.tsx b/Frontend/src/app/components/landing/hero.tsx
index 4072912..860a3e2 100644
--- a/Frontend/src/app/components/landing/hero.tsx
+++ b/Frontend/src/app/components/landing/hero.tsx
@@ -13,7 +13,7 @@ import { ReactElement } from "react";
  */
 const Hero = (): ReactElement => (
     <div className="pt-56 pb-40 flex flex-col gap-8 justify-center items-center">
-        <div className="flex flex-col gap-4 items-center text-center">
+        <div className="flex flex-col gap-4 items-center text-center pointer-events-none">
             {/* Title */}
             <h1
                 className={cn(