diff --git a/apps/website/app/[locale]/layout.tsx b/apps/website/app/[locale]/layout.tsx
index 548c38a..1285e9e 100644
--- a/apps/website/app/[locale]/layout.tsx
+++ b/apps/website/app/[locale]/layout.tsx
@@ -2,7 +2,7 @@ import "@repo/config-tailwind/styles.css"
 import type { LocaleProps } from "@repo/i18n/routing"
 import type { Locale } from "@repo/utils/constants"
 import { LOCALES } from "@repo/utils/constants"
-import type { Metadata } from "next"
+import type { Metadata, Viewport } from "next"
 import { NextIntlClientProvider } from "next-intl"
 import {
   getMessages,
@@ -13,6 +13,10 @@ import Script from "next/script"
 
 const DOMAIN = "theoludwig.fr"
 
+export const viewport: Viewport = {
+  themeColor: "#00aeff",
+}
+
 export const generateMetadata = async ({
   params,
 }: LocaleProps): Promise<Metadata> => {