diff --git a/src/app/our-mission/page.tsx b/src/app/our-mission/page.tsx
index 3b35e4b..5a2cbf1 100644
--- a/src/app/our-mission/page.tsx
+++ b/src/app/our-mission/page.tsx
@@ -1,21 +1,20 @@
 "use client";
 import Image from "next/image";
+
 import BottomFooter from "@components/BottomFooter";
 
 function OurMission() {
 	return (
 		<div
-			className="relative bg-fixed bg-cover bg-center text-white "
+			className="relative bg-fixed bg-cover bg-center text-white"
 			style={{ backgroundImage: "url('destruction.jpg')", overflow: "hidden" }}
 		>
-			{/* Overlay for Readability */}
-			{/*<div className="absolute inset-0 bg-black bg-opacity-50"></div>*/}
 			{/* Centered content */}
-			<div className="relative z-20 flex flex-col items-center justify-center py-auto">
+			<div className="relative z-20 flex flex-col items-center justify-center">
 				{/* Title & Mission Statement */}
-				<div className="mb-10 flex flex-col items-center">
-					<h1 className="text-4xl font-bold text-center tracking-tight mb-2 drop-shadow-lg text-black">Our Mission</h1>
-					<p className="text-lg text-center max-w-2xl text-gray-800 drop-shadow-md">Earthquake awareness accessible for everyone</p>
+				<div className="flex flex-col items-center mb-20 mt-24">
+					<h1 className="text-4xl font-bold text-center tracking-tight mb-2 drop-shadow-lg text-white">Our Mission</h1>
+					<p className="text-lg text-center max-w-2xl text-white drop-shadow-md">Earthquake awareness accessible for everyone</p>
 				</div>
 				{/* Content Area */}
 				<div className="max-w-5xl w-full p-8 bg-white bg-opacity-90 shadow-xl rounded-3xl">
@@ -24,15 +23,9 @@ function OurMission() {
 						and why earthquakes occur to enable better preparation and recovery. Education, cutting-edge research, and innovative
 						technology combine together.
 					</p>
-                    <div className="flex justify-center mb-6">
-                        <Image
-                            src="/logo.png"
-                            width={100} // Adjust as needed
-                            height={100} // Adjust as needed
-                             alt="Tremor Tracker Logo"
-                            className="h-200  w-200 object-contain"
-                        />
-                    </div>
+					<div className="flex justify-center mb-6">
+						<Image src="/logo.png" width={100} height={100} alt="Tremor Tracker Logo" className="h-200 w-200 object-contain" />
+					</div>
 					<p className="text-xl text-black leading-relaxed mb-8 max-w-3xl mx-auto">
 						We combine scientific insights with public awareness, delivering resources, tools, and real-time updates to enhance
 						preparedness for earthquakes in order to save lives, improve recovery efficiency, and build resilience against seismic
@@ -63,8 +56,9 @@ function OurMission() {
 					</div>
 				</div>
 			</div>
-            <BottomFooter />
+			<BottomFooter />
 		</div>
 	);
 }
+
 export default OurMission;