diff --git a/apps/scandic-web/app/globals.css b/apps/scandic-web/app/globals.css
index 80d378314..eb0ab6f5d 100644
--- a/apps/scandic-web/app/globals.css
+++ b/apps/scandic-web/app/globals.css
@@ -151,6 +151,8 @@ body {
 body {
   min-height: 100dvh;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
 body.overflow-hidden {
diff --git a/apps/scandic-web/components/Footer/footer.module.css b/apps/scandic-web/components/Footer/footer.module.css
new file mode 100644
index 000000000..951b03e23
--- /dev/null
+++ b/apps/scandic-web/components/Footer/footer.module.css
@@ -0,0 +1,3 @@
+.footer {
+  margin-top: auto;
+}
diff --git a/apps/scandic-web/components/Footer/index.tsx b/apps/scandic-web/components/Footer/index.tsx
index 17d5ea200..25683a602 100644
--- a/apps/scandic-web/components/Footer/index.tsx
+++ b/apps/scandic-web/components/Footer/index.tsx
@@ -6,6 +6,8 @@ import CurrentFooter from "@/components/Current/Footer"
 import FooterDetails from "./Details"
 import FooterNavigation from "./Navigation"
 
+import styles from "./footer.module.css"
+
 export function preload() {
   void getFooter()
 }
@@ -18,7 +20,7 @@ export default function Footer() {
   preload()
 
   return (
-    <footer>
+    <footer className={styles.footer}>
       <FooterNavigation />
       <FooterDetails />
     </footer>