diff --git a/apps/stage-tamagotchi/src/renderer/src/layouts/default.vue b/apps/stage-tamagotchi/src/renderer/src/layouts/default.vue
index 957279c97..960408d9e 100644
--- a/apps/stage-tamagotchi/src/renderer/src/layouts/default.vue
+++ b/apps/stage-tamagotchi/src/renderer/src/layouts/default.vue
@@ -3,7 +3,7 @@ import { RouterView } from 'vue-router'
 </script>
 
 <template>
-  <div p-4 flex="~ col gap-4">
+  <div px-4 py-8 flex="~ col gap-4">
     <RouterView />
   </div>
 </template>
diff --git a/apps/stage-tamagotchi/src/renderer/src/styles/main.css b/apps/stage-tamagotchi/src/renderer/src/styles/main.css
index 69dc331a9..2ae429159 100644
--- a/apps/stage-tamagotchi/src/renderer/src/styles/main.css
+++ b/apps/stage-tamagotchi/src/renderer/src/styles/main.css
@@ -14,6 +14,14 @@ html {
   transition: all 0.3s ease-in-out;
 }
 
+html.dark {
+  color-scheme: dark;
+}
+
+.dark #app {
+  background: #121212;
+}
+
 #nprogress {
   pointer-events: none;
 }