diff --git a/biscuit/apps/chronos/templates/chronos/tt_day.html b/biscuit/apps/chronos/templates/chronos/tt_day.html
index 9f7e6f81756892d5ebe9eff1b2a73fcec94f006b..d1e2d9f7ea806d045b405510e6c2af047d773db8 100644
--- a/biscuit/apps/chronos/templates/chronos/tt_day.html
+++ b/biscuit/apps/chronos/templates/chronos/tt_day.html
@@ -1,10 +1,14 @@
 <div class="col-sm">
- <ul class="list-group">
-  <li class="list-group-item active">
-   {{ weekday_name }}
-  </li>
- </ul>
  <div class="container">
+  <div class="row">
+   <div class="col-sm">
+    <div class="card chronos-head">
+     <div class="card-body">
+      <span class="card-title">{{ weekday_name }}</span>
+     </div>
+    </div>
+   </div>
+  </div>
   {% for period_num, lesson_period in lesson_periods.items %}
    <div class="row">
     <div class="col-sm">
diff --git a/biscuit/apps/chronos/templates/chronos/tt_week.html b/biscuit/apps/chronos/templates/chronos/tt_week.html
index d29e959ab5dde5f3c408479af1dd5e1efdd27c4a..91ccd8fc41fa8c757070a1fa85d7d6c2010e1619 100644
--- a/biscuit/apps/chronos/templates/chronos/tt_week.html
+++ b/biscuit/apps/chronos/templates/chronos/tt_week.html
@@ -11,12 +11,16 @@
 
  <div class="row">
   <div class="col-sm">
-   <ul class="list-group">
-    <li class="list-group-item active">
-     {% blocktrans %}Times{% endblocktrans %}
-    </li>
-   </ul>
    <div class="container">
+    <div class="row">
+     <div class="col-sm">
+      <div class="card chronos-head">
+       <div class="card-body">
+        <span class="card-title">{% blocktrans %}Times{% endblocktrans %}</span>
+       </div>
+      </div>
+     </div>
+    </div>
     {% for num, times in periods.items %}
      <div class="row">
       <div class="col-sm">