diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index d8bd17d93..6b1ef6c05 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -59,6 +59,7 @@
   }
   .bottomContainer {
     border-top: 1px solid var(--Scandic-Peach-80);
+    padding-top: var(--Spacing-x2);
     flex-direction: row;
   }
   .navigationContainer {
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index 4fe45fc16..33460e7b9 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -1,15 +1,41 @@
+import Image from "@/components/Image"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
 import styles from "./secondarynav.module.css"
 
-import { FooterSecondaryNavProps } from "@/types/components/footer/navigation"
+import {
+  AppDownnLoadLinks,
+  FooterSecondaryNavProps,
+} from "@/types/components/footer/navigation"
 
 export default function FooterSecondaryNav({
   secondaryLinks,
+  appDownloads,
 }: FooterSecondaryNavProps) {
   return (
     <div className={styles.secondaryNavigation}>
+      <nav className={styles.secondaryNavigationGroup}>
+        <Body color="peach80" textTransform="uppercase">
+          {appDownloads.title}
+        </Body>
+        <ul className={styles.secondaryNavigationList}>
+          {appDownloads.links.map((link) => (
+            <li key={link.id} className={styles.appDownloadItem}>
+              <a href={link.href} target="_blank" rel="noopener noreferrer">
+                <Image
+                  src={
+                    AppDownnLoadLinks[link.id as keyof typeof AppDownnLoadLinks]
+                  }
+                  alt={link.title}
+                  width={125}
+                  height={40}
+                />
+              </a>
+            </li>
+          ))}
+        </ul>
+      </nav>
       {secondaryLinks.map((link) => (
         <nav className={styles.secondaryNavigationGroup} key={link.title}>
           <Body color="peach80" textTransform="uppercase">
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 3005cf747..9b5baef2d 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -1,5 +1,3 @@
-import MaxWidth from "@/components/MaxWidth"
-
 import { footer } from "../mockedData"
 import FooterMainNav from "./MainNav"
 import FooterSecondaryNav from "./SecondaryNav"
@@ -7,13 +5,16 @@ import FooterSecondaryNav from "./SecondaryNav"
 import styles from "./navigation.module.css"
 
 export default function FooterNavigation() {
-  const { mainLinks, secondaryLinks } = footer
+  const { mainLinks, secondaryLinks, appDownloads } = footer
   return (
     <section className={styles.section}>
-      <MaxWidth tag="div" className={styles.maxWidth}>
+      <div className={styles.maxWidth}>
         <FooterMainNav mainLinks={mainLinks} />
-        <FooterSecondaryNav secondaryLinks={secondaryLinks} />
-      </MaxWidth>
+        <FooterSecondaryNav
+          secondaryLinks={secondaryLinks}
+          appDownloads={appDownloads}
+        />
+      </div>
     </section>
   )
 }
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index 1fb6b073f..4d5598cc4 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -9,6 +9,7 @@
   display: flex;
   justify-content: space-between;
   flex-direction: column;
+  max-width: var(--max-width-content);
 }
 
 @media screen and (min-width: 1367px) {
diff --git a/components/Footer/mockedData.ts b/components/Footer/mockedData.ts
index cbfaa21f0..0d6a57780 100644
--- a/components/Footer/mockedData.ts
+++ b/components/Footer/mockedData.ts
@@ -35,12 +35,12 @@ export const footer = {
       {
         title: "App Store",
         href: "https://apps.apple.com/se/app/scandic-hotels/id1020208712",
-        id: "app-store",
+        id: "apple",
       },
       {
         title: "Google Play",
         href: "https://play.google.com/store/apps/details?id=com.scandichotels.scandichotels",
-        id: "google-play",
+        id: "google",
       },
     ],
   },
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index a2788ada2..5c62059d7 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -21,4 +21,17 @@ export type FooterSecondaryNavProps = {
     title: string
     links: FooterSecondaryNav[]
   }[]
+  appDownloads: {
+    title: string
+    links: {
+      title: string
+      href: string
+      id: string
+    }[]
+  }
+}
+
+export enum AppDownnLoadLinks {
+  apple = "/_static/img/app-store-badge.svg",
+  google = "/_static/img/google-play-badge.svg",
 }
