diff --git a/src/App.jsx b/src/App.jsx
index e385f28..de5c9c1 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -37,7 +37,7 @@ function App() {
   return (
     <HelmetProvider>
       <HomeInfoProvider>
-        <div className="app-container px-4 lg:px-10 flex flex-col min-h-screen">
+        <div className={`app-container ${isSplashScreen ? "" : "px-4 lg:px-10"} flex flex-col min-h-screen`}>
           <main className="content max-w-[2048px] mx-auto w-full flex-grow flex flex-col">
             {!isSplashScreen && <Navbar />}
             <div className="flex-grow">
diff --git a/src/components/splashscreen/SplashScreen.css b/src/components/splashscreen/SplashScreen.css
index bc301d4..98c2856 100644
--- a/src/components/splashscreen/SplashScreen.css
+++ b/src/components/splashscreen/SplashScreen.css
@@ -34,14 +34,12 @@ html {
 
 @media (max-width: 768px) {
   .splash-container {
-    background-size: auto 100vh;
     background-position: center center;
   }
 }
 
 @media (max-width: 480px) {
   .splash-container {
-    background-size: auto 100%;
     padding: 0 15px;
   }
 }