diff --git a/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css b/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
index 9a35fa09f..a249af5c8 100644
--- a/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
+++ b/components/Blocks/JoinScandicFriends/joinScandicFriends.module.css
@@ -1,7 +1,6 @@
 .container {
   border-radius: var(--Corner-radius-Large);
   background-color: var(--Main-Brand-WarmWhite);
-  background-color: white;
   padding: 0 var(--Spacing-x2);
   display: flex;
   gap: var(--Spacing-x5);
diff --git a/components/ContentType/StartPage/index.tsx b/components/ContentType/StartPage/index.tsx
index c19a21ad8..01e174ecd 100644
--- a/components/ContentType/StartPage/index.tsx
+++ b/components/ContentType/StartPage/index.tsx
@@ -21,7 +21,7 @@ export default async function StartPage() {
   const { header, blocks } = content.startPage
 
   return (
-    <>
+    <div className={styles.background}>
       <header className={styles.header}>
         <div className={styles.headerContent}>
           <Title color="white" textAlign="center">
@@ -65,6 +65,6 @@ export default async function StartPage() {
       <Suspense fallback={null}>
         <TrackingSDK pageData={content.tracking} />
       </Suspense>
-    </>
+    </div>
   )
 }
diff --git a/components/ContentType/StartPage/startPage.module.css b/components/ContentType/StartPage/startPage.module.css
index 2c9b1f6b3..3116430fc 100644
--- a/components/ContentType/StartPage/startPage.module.css
+++ b/components/ContentType/StartPage/startPage.module.css
@@ -1,3 +1,7 @@
+.background {
+  background-color: var(--Base-Surface-Primary-light-Normal);
+}
+
 .header {
   height: 560px;
   position: relative;