diff --git a/src/components/app.rs b/src/components/app.rs
index ac00f95..0ccd3a2 100644
--- a/src/components/app.rs
+++ b/src/components/app.rs
@@ -6,6 +6,9 @@ use dioxus::prelude::*;
 #[component]
 pub(crate) fn App() -> Element {
     rsx! {
-        Router::<Route> {}
+        div {
+            class: "min-h-screen text-white bg-neutral-800",
+            Router::<Route> {}
+        }
     }
 }
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 24a8f96..4f70d83 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -1,8 +1,15 @@
 /* stylelint-disable */
+
 /* noinspection CssInvalidAtRule */
 @tailwind base;
 /* noinspection CssInvalidAtRule */
 @tailwind components;
 /* noinspection CssInvalidAtRule */
 @tailwind utilities;
+
+html, body, #main {
+    /* noinspection CssInvalidAtRule */
+    @apply min-h-screen;
+}
+
 /* stylelint-enable */