diff --git a/src/components/LandingPageComponents/Title.jsx b/src/components/LandingPageComponents/Title.jsx
index a17fb10..7f2e7c5 100644
--- a/src/components/LandingPageComponents/Title.jsx
+++ b/src/components/LandingPageComponents/Title.jsx
@@ -2,7 +2,7 @@ import title from '../../assets/images/title.svg';
 
 const Title = () => {
   return (
-    <section className="w-full flex flex-col items-center justify-center text-text-primary ">
+    <section className="w-full flex flex-col items-center justify-center text-text-primary z-50">
       <div className="relative flex items-center justify-center">
         <img className="w-[60vw] md:w-[30vw]" src={title} alt="Boston Hacks" />
       </div>
diff --git a/src/components/LandingPageComponents/TrackModals.tsx b/src/components/LandingPageComponents/TrackModals.tsx
index dc713bb..62b7c1e 100644
--- a/src/components/LandingPageComponents/TrackModals.tsx
+++ b/src/components/LandingPageComponents/TrackModals.tsx
@@ -29,7 +29,7 @@ const TrackModals = () => {
       <div className="w-full flex flex-row items-center justify-center">
         <div className="w-[75vw] flex flex-col md:flex-row  items-center justify-around">
           <button
-            className="mt-[10vh] md:mt-0 "
+            className="mt-[10vh] md:mt-0 z-50"
             onClick={() => {
               setTrack1Open(true);
             }}
@@ -37,7 +37,7 @@ const TrackModals = () => {
             <img src={track1} alt="track 1" />
           </button>
           <button
-            className="mt-[10vh] md:mt-0"
+            className="mt-[10vh] md:mt-0 z-50"
             onClick={() => {
               setTrack2Open(true);
             }}
@@ -45,7 +45,7 @@ const TrackModals = () => {
             <img src={track2} alt="track 2" />
           </button>
           <button
-            className="mt-[10vh] md:mt-0"
+            className="mt-[10vh] md:mt-0 z-50"
             onClick={() => {
               setTrack3Open(true);
             }}
diff --git a/src/components/SponsorPageComponents/SponsorButton.jsx b/src/components/SponsorPageComponents/SponsorButton.jsx
index f612a41..587fc75 100644
--- a/src/components/SponsorPageComponents/SponsorButton.jsx
+++ b/src/components/SponsorPageComponents/SponsorButton.jsx
@@ -13,7 +13,7 @@ const SponsorButton = () => {
 
   return (
     <div className="justify-center flex mt-[27.8px] z-50">
-      <button onClick={handleClick}>
+      <button className="z-50" onClick={handleClick}>
         <img
           src={image}
           onMouseOver={() => setImage(HoverButtonState)}