diff --git a/apps/dashboard/tests.py b/apps/dashboard/tests.py
index 8a85b66..117ba5c 100644
--- a/apps/dashboard/tests.py
+++ b/apps/dashboard/tests.py
@@ -9,7 +9,11 @@ class HomePageTest(TestCase):
     def test_renders_input_form(self):
         response = self.client.get('/')
         self.assertContains(response, '<form method="POST" action="/apps/dashboard/newlist">')
-        self.assertContains(response, '<input name="item_text"')
+        self.assertContains(
+            response,
+            '<input name="item_text" id="id-new-item" placeholder="Enter a to-do item" />',
+            html=True,
+        )
 
 class ListAndItemModelsTest(TestCase):
     def test_saving_and_retrieving_items(self):
@@ -52,7 +56,11 @@ class DashViewTest(TestCase):
             response,
             f'<form method="POST" action="/apps/dashboard/{mylist.id}/add-item">',
         )
-        self.assertContains(response, '<input name="item_text"')
+        self.assertContains(
+            response,
+            '<input name="item_text" id="id-new-item" placeholder="Enter a to-do item" />',
+            html=True,
+        )
 
     def test_displays_only_items_for_that_list(self):
         # Given/Arrange
diff --git a/templates/apps/dashboard/list.html b/templates/apps/dashboard/list.html
index 9fa70f9..bdb481b 100644
--- a/templates/apps/dashboard/list.html
+++ b/templates/apps/dashboard/list.html
@@ -6,7 +6,7 @@
 {% block form_action %}/apps/dashboard/{{ list.id }}/add-item{% endblock form_action %}
 
 {% block table %}
-    <table id="id-list-table">
+    <table id="id-list-table" class="table">
         {% for item in list.item_set.all %}
             <tr><td>{{ forloop.counter }}. {{ item.text }}</td></tr>
         {% endfor %}
diff --git a/templates/core/base.html b/templates/core/base.html
index 9a65c2e..b90b2c8 100644
--- a/templates/core/base.html
+++ b/templates/core/base.html
@@ -1,19 +1,45 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-bs-theme="dark">
+
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="author" content="Disco DeDisco">
         <meta name="robots" content="noindex, nofollow">
         <title>Dashboard | {% block title_text %}{% endblock title_text %}</title>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.8/css/bootstrap.min.css"/>
     </head>
+
     <body>
-        <h1>Dashboard | {% block header_text %}{% endblock header_text %}</h1>
-        <form method="POST" action="{% block form_action %}{% endblock form_action %}">
-            <input name="item_text" id="id-new-item" placeholder="Enter a to-do item">
-            {% csrf_token %}
-        </form>
-        {% block table %}
-        {% endblock table %}
+        <div class="container">
+            <div class="row justify-content-center p-5 bg-body-tertiary rounded-3">
+                <div class="col-lg-6 text-center">
+                    <h1 class="display-1 mb-4">Dashboard | {% block header_text %}{% endblock header_text %}</h1>
+
+                    <form method="POST" action="{% block form_action %}{% endblock form_action %}">
+                        <input
+                            name="item_text"
+                            id="id-new-item"
+                            class="form-control form-control-lg"
+                            placeholder="Enter a to-do item"
+                        />
+                        {% csrf_token %}
+                    </form>
+                </div>
+            </div>
+
+            <div class="row justify-content-center">
+                <div class="col-lg-6">
+                    {% block table %}
+                    {% endblock table %}
+                </div>
+            </div>
+
+        </div>
     </body>
+
+    <script
+        src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.8/js/bootstrap.min.js"
+    ></script>
+
 </html>
\ No newline at end of file
