diff --git a/app/index.html b/app/index.html
index a5b92f3..b8aa8c3 100644
--- a/app/index.html
+++ b/app/index.html
@@ -6,5 +6,8 @@
     <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
 	<link data-trunk rel="copy-file" href="static/login.css" />
   </head>
-  <body></body>
+  <body>
+    <main></main>
+    <script src="/bootstrap/js/bootstrap.bundle.min.js"></script>
+  </body>
 </html>
diff --git a/app/src/main.rs b/app/src/main.rs
index b3f159a..20617a7 100644
--- a/app/src/main.rs
+++ b/app/src/main.rs
@@ -21,9 +21,7 @@ enum Route {
 fn App() -> Html {
     html! {
         <BrowserRouter>
-            <main>
-                <Switch<Route> render={switch} />
-            </main>
+            <Switch<Route> render={switch} />
         </BrowserRouter>
     }
 }
@@ -151,5 +149,13 @@ fn Login() -> Html {
 fn main() {
     console_log::init_with_level(Level::Debug).unwrap();
 
-    yew::Renderer::<App>::new().render();
+    yew::Renderer::<App>::with_root(
+        gloo_utils::document()
+            .body()
+            .expect("no body")
+            .get_elements_by_tag_name("main")
+            .item(0)
+            .expect("no main"),
+    )
+    .render();
 }
