diff --git a/testapp/templates/testapp/index.html b/testapp/templates/testapp/index.html
index 557e910..ff190e5 100644
--- a/testapp/templates/testapp/index.html
+++ b/testapp/templates/testapp/index.html
@@ -1,15 +1,27 @@
 <!DOCTYPE html>
-<html>
+<html lang="en" data-bs-theme="dark">
 <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
     <title>Testapp</title>
+    <style>
+      .darker-bg {
+        background-color: #171a1e;
+      }
+    </style>
 </head>
 <body>
-    <h1>Testapp</h1>
-    <p>This is the testapp.</p>
-    {% if click_count %}
-        <p>This page was requested {{ click_count }} times.</p>
-    {% else %}
-        <p>Error: Could not get request count from database.</p>
-    {% endif %}
+    <div class="px-4 py-5 my-5 text-center shadow darker-bg">
+        <h1 class="display-5 fw-bold text-body-emphasis">This is the testapp!</h1>
+        <div class="col-lg-6 mx-auto">
+        {% if click_count %}
+          <p class="lead mb-4">This page was requested {{ click_count }} times.</p>
+        {% else %}
+          <p class="lead mb-4">Internal error: Could not get request count from database.</p>
+        {% endif %}
+        </div>
+      </div>
 </body>
 </html>
\ No newline at end of file
