diff --git a/docker-compose-dev.yml b/docker-compose-dev.yml
index ebd81f3..a924b20 100644
--- a/docker-compose-dev.yml
+++ b/docker-compose-dev.yml
@@ -11,6 +11,7 @@ services:
       - ./Cargo.toml:/srv/app/Cargo.toml
       - ./diesel.toml:/srv/app/diesel.toml
       - ./Dioxus.toml:/srv/app/Dioxus.toml
+      - ./index.html:/srv/app/index.html
       - ./package.json:/srv/app/package.json
       - ./package-lock.json:/srv/app/package-lock.json
     restart: always
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0e1c199
--- /dev/null
+++ b/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="min-h-screen">
+<head>
+    <title>{app_title}</title>
+    <link rel="manifest" href="manifest.json">
+    <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8"/>
+    {style_include}
+</head>
+<body class="min-h-screen">
+<div id="main" class="min-h-screen"></div>
+<script type="module">
+    import init from "/{base_path}/assets/dioxus/{app_name}.js";
+
+    init("/{base_path}/assets/dioxus/{app_name}_bg.wasm").then(wasm => {
+        if (wasm.__wbindgen_start == undefined) {
+            wasm.main();
+        }
+    });
+</script>
+{script_include}
+</body>
+</html>
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 4f70d83..88160f5 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -7,9 +7,4 @@
 /* noinspection CssInvalidAtRule */
 @tailwind utilities;
 
-html, body, #main {
-    /* noinspection CssInvalidAtRule */
-    @apply min-h-screen;
-}
-
 /* stylelint-enable */
