diff --git a/allianceauth/timerboard/templates/timerboard/view.html b/allianceauth/timerboard/templates/timerboard/view.html
index 9028549c..2b8da1ae 100644
--- a/allianceauth/timerboard/templates/timerboard/view.html
+++ b/allianceauth/timerboard/templates/timerboard/view.html
@@ -23,7 +23,7 @@
             {% endif %}
         </div>
 
-        <div class="col-lg-12 text-center">
+        <div class="col-lg-12 text-center mb-3">
             <div class="badge bg-info text-start">
                 <span>{% translate "Current Eve Time:" %}</span>
                 <span id="current-time"></span>
@@ -31,27 +31,54 @@
         </div>
 
         {% if corp_timers %}
-            <h4><b>{% translate "Corp Timers" %}</b></h4>
-            {% include "timerboard/timertable.html" with timers=corp_timers %}
-        {% endif %}
+            <div class="card mb-3">
+                <div class="card-header">
+                    <div class="card-title mb-0">
+                        {% translate "Corporation Timers" %}
+                    </div>
+                </div>
 
-        <h4><b>{% translate "Next Timers" %}</b></h4>
-        {% if future_timers %}
-            {% include "timerboard/timertable.html" with timers=future_timers %}
-        {% else %}
-            <div class="alert alert-warning text-center">
-                {% translate "No upcoming timers." %}
+                <div class="card-body">
+                    {% include "timerboard/timertable.html" with timers=corp_timers %}
+                </div>
             </div>
         {% endif %}
 
-        <h4><b>{% translate "Past Timers" %}</b></h4>
-        {% if past_timers %}
-            {% include "timerboard/timertable.html" with timers=past_timers %}
-        {% else %}
-            <div class="alert alert-warning text-center">
-                {% translate "No past timers." %}
+        <div class="card mb-3">
+            <div class="card-header">
+                <div class="card-title mb-0">
+                    {% translate "Upcoming Timers" %}
+                </div>
             </div>
-        {% endif %}
+
+            <div class="card-body">
+                {% if future_timers %}
+                    {% include "timerboard/timertable.html" with timers=future_timers %}
+                {% else %}
+                    <div class="alert alert-warning text-center">
+                        {% translate "No upcoming timers." %}
+                    </div>
+                {% endif %}
+            </div>
+        </div>
+
+        <div class="card mb-3">
+            <div class="card-header">
+                <div class="card-title mb-0">
+                    {% translate "Past Timers" %}
+                </div>
+            </div>
+
+            <div class="card-body">
+                {% if past_timers %}
+                    {% include "timerboard/timertable.html" with timers=past_timers %}
+                {% else %}
+                    <div class="alert alert-warning text-center">
+                        {% translate "No past timers." %}
+                    </div>
+                {% endif %}
+            </div>
+        </div>
     </div>
 {% endblock content %}