diff --git a/Dashboard/templates/index.html b/Dashboard/templates/index.html
index e53bf03..5c503d3 100644
--- a/Dashboard/templates/index.html
+++ b/Dashboard/templates/index.html
@@ -20,12 +20,12 @@
     <div class="container">
 
 
-        <h1>Scan8</h1>
-        <button type="button" name="button" class="btn btn-outline-secondary" onclick="openUploader()">New Scan</button>
-
-        <h4>Queued Scans</h4>
-        <div class="list">
+        <h1 class="text-center mb-3 bg-light py-2 border border-secondary">Scan8</h1>
+        
+        <h3 class="mt-3 mb-2">Queued Scans</h3>
+        <ol type="1" class="list">
             {% for item in prequeued %}
+            <li class="my-1">                
             <div class="indexRow row">
                 <div class="col-sm">
                     <h6>Scan #{{ item["_id"] }}</h6>
@@ -41,9 +41,11 @@ <h6>Number of files: {{ item['files']['total'] }}</h6>
                     </div>
                 </div>
             </div>
+            </li>
             {% endfor %}
-
+            
             {% for item in queued %}
+            <li class="my-1">            
             <div class="indexRow row">
                 <div class="col-sm">
                     <h6>Scan #{{ item["_id"] }}</h6>
@@ -59,12 +61,14 @@ <h6>Number of files: {{ item['files']['total'] }}</h6>
                     </div>
                 </div>
             </div>
+            </li>
             {% endfor %}
-        </div>
+        </ol>
 
-        <h4>Running Scans</h4>
-        <div class="list">
+        <h3 class="mt-3 mb-2">Running Scans</h3>
+        <ol type="1" class="list">
             {% for item in running %}
+            <li class="my-1">
             <div class="indexRow row">
                 <div class="col-sm">
                     <h6>Scan #{{ item["_id"] }}</h6>
@@ -80,12 +84,14 @@ <h6>Number of files: {{ item['files']['total'] }}</h6>
                     </div>
                 </div>
             </div>
+            </li>
             {% endfor %}
-        </div>
-
-        <h4>Completed Scans</h4>
-        <div class="list">
+        </ol>
+        
+        <h3 class="mt-3 mb-2">Completed Scans</h3>
+        <ol type="1" class="list">
             {% for item in completed %}
+            <li class="my-1">
             <div class="indexRow row">
                 <div class="col-sm">
                     <h6>Scan #{{ item["_id"] }}</h6>
@@ -101,10 +107,14 @@ <h6>Number of files: {{ item['files']['total'] }}</h6>
                     </div>
                 </div>
             </div>
+            </li>
             {% endfor %}
-        </div>
+        </ol>
+        <div class="text-center my-4">
+        <button type="button" name="button" class="btn btn-outline-success" onclick="openUploader()">New Scan</button>
     </div>
-
+    </div>
+    
     <script>
         function openUploader() {
             window.location = "{{ newScanUrl }}";