diff --git a/.env.test b/.env.test
index d3c834c..c5c628a 100644
--- a/.env.test
+++ b/.env.test
@@ -11,6 +11,9 @@ NUXT_SESSION_PASSWORD=test-nuxt-session-password-poj234poj23po32j4p32oj
 NUXT_OAUTH_GOOGLE_CLIENT_ID=
 NUXT_OAUTH_GOOGLE_CLIENT_SECRET=
 
+NUXT_OAUTH_FACEBOOK_CLIENT_SECRET=
+NUXT_OAUTH_FACEBOOK_CLIENT_ID=
+
 NUXT_OAUTH_MICROSOFT_CLIENT_ID=
 NUXT_OAUTH_MICROSOFT_CLIENT_SECRET=
 NUXT_OAUTH_MICROSOFT_TENANT=
diff --git a/app/components/header/HeaderMain.vue b/app/components/header/HeaderMain.vue
index 792d649..3acbcbb 100644
--- a/app/components/header/HeaderMain.vue
+++ b/app/components/header/HeaderMain.vue
@@ -13,9 +13,9 @@ const { loggedIn } = useUserSession()
     </template>
     <template #right>
       <div class="flex items-center space-x-2">
+        <u-color-mode-button />
         <header-profile v-if="loggedIn" />
         <header-sign-in v-else />
-        <u-color-mode-button />
       </div>
     </template>
   </u-header>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index b2bd68d..8541de6 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -15,8 +15,11 @@ defineOgImageComponent('OgLogo')
 </script>
 
 <template>
-  <div>
-    Landing page under construction
+  <div class="w-full h-full flex-1 flex items-center justify-center">
+    <u-icon
+      name="i-mdi-construction"
+      class="w-24 h-24"
+    />
   </div>
 </template>