diff --git a/src/app/header/header.tsx b/src/app/header/header.tsx
index 479edab..6c1390b 100644
--- a/src/app/header/header.tsx
+++ b/src/app/header/header.tsx
@@ -2,7 +2,7 @@ import Image from "next/image";
 import { NavList } from "./Navlist";
 import { XMarkIcon, Bars3Icon } from '@heroicons/react/24/outline';
 
-interface HeaderProps {
+export interface HeaderProps {
   setMobileMenuOpen: (open: boolean) => void;
   mobileMenuOpen: boolean;
 }
diff --git a/src/app/members.json b/src/app/members.json
index 12fbb2a..8480735 100644
--- a/src/app/members.json
+++ b/src/app/members.json
@@ -3,37 +3,37 @@
         {
             "name": "Olga",
             "role": "Advisor",
-            "img": "/./members/olga.jfif",
+            "img": "./members/olga.jfif",
             "bio": "Example bio"
         },
         {
             "name": "Kenji",
             "role": "President",
-            "img": "/./rocket.png",
+            "img": "./rocket.png",
             "bio": "Example bio"
         },
         {
             "name": "Andy",
             "role": "Vice-President",
-            "img": "/./members/andy.jpg",
+            "img": "./members/andy.jpg",
             "bio": "Example bio"
         },
         {
             "name": "Zach",
             "role": "Treasurer",
-            "img": "/./rocket.png",
+            "img": "./rocket.png",
             "bio": "Example bio"
         },
         {
             "name": "Tommy",
             "role": "Secretary",
-            "img": "/./rocket.png",
+            "img": "./rocket.png",
             "bio": "Example bio"
         },
         {
             "name": "Damien",
             "role": "General-Affairs",
-            "img": "/./members/damien.jfif",
+            "img": "./members/damien.jfif",
             "bio": "I'm Damien Staebler! I am working towards getting a degree in Computer Science. Currently, I am part of the Engineering Club at PSTCC working on various projects."
         }
     ]
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 65582ca..32b190f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -35,7 +35,7 @@ export default function Home() {
         <Sponsors />
       </main>
       <Footer />
-      <ScrollToTopButton />
+      <ScrollToTopButton setMobileMenuOpen={setMobileMenuOpen} mobileMenuOpen={mobileMenuOpen} />
     </div>
   );
 }
diff --git a/src/app/scroll_to_top.tsx b/src/app/scroll_to_top.tsx
index 8256e8a..da43f1c 100644
--- a/src/app/scroll_to_top.tsx
+++ b/src/app/scroll_to_top.tsx
@@ -1,12 +1,14 @@
 import { useEffect, useState } from 'react';
+import { HeaderProps } from './header/header';
 
-function ScrollToTopButton() {
+function ScrollToTopButton({ setMobileMenuOpen, mobileMenuOpen }: HeaderProps){
   const [isVisible, setIsVisible] = useState(false);
 
   useEffect(() => {
     const toggleVisibility = () => {
       if (window.pageYOffset > 300) {
         setIsVisible(true);
+        setMobileMenuOpen(false);
       } else {
         setIsVisible(false);
       }
diff --git a/src/app/sections/hero.tsx b/src/app/sections/hero.tsx
index 3c28659..e5ce54e 100644
--- a/src/app/sections/hero.tsx
+++ b/src/app/sections/hero.tsx
@@ -3,7 +3,7 @@ import Image from 'next/image';
 
 export function Hero() {
     const [currentIndex, setCurrentIndex] = useState(0);
-    const images = ['/./image1.png', '/./image2.png', '/./image3.png'];
+    const images = ['./image1.png', './image2.png', './image3.png'];
   
     useEffect(() => {
       const interval = setInterval(() => {
diff --git a/src/app/sections/project.tsx b/src/app/sections/project.tsx
index 44a8d92..899ae97 100644
--- a/src/app/sections/project.tsx
+++ b/src/app/sections/project.tsx
@@ -6,7 +6,7 @@ export function Project() {
   return (
     <>
       <SectionBanner id="project" title="The Project" />
-      <Section bgImage={"/./bg.png"} bgColor={"#003882"}>
+      <Section bgImage={"./bg.png"} bgColor={"#003882"}>
         <h1 className="text-4xl font-semibold text-white py-12 px-4">NASA&apos;s Midwest High-Power Rocket Competition</h1>
         <div className="flex flex-col items-center text-center lg:flex-row lg:items-stretch gap-6">
           <div className="flex flex-col gap-12 w-full lg:w-1/2 pr-12 bg-[#002c67] rounded-xl mx-auto p-4 flex-grow">
@@ -21,7 +21,7 @@ export function Project() {
           </div>
           <div className="flex flex-col rounded-xl">
             <div className='overflow-hidden rounded-xl border-solid border-2 border-white flex-shrink-0 drop-shadow'>
-              <Image src="/./rocket.png" alt="Rocket" width={400} height={400} />
+              <Image src="./rocket.png" alt="Rocket" width={400} height={400} />
             </div>
           </div>
         </div>