diff --git a/ui/src/components/calendar/EventDate.vue b/ui/src/components/calendar/EventDate.vue
index b8bc677..9c83e59 100644
--- a/ui/src/components/calendar/EventDate.vue
+++ b/ui/src/components/calendar/EventDate.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="d-flex align-end justify-center mr-1 mr-md-2">
     <span class="d-flex text-h4 text-md-h3">{{ day }}</span>
-    <span class="d-flex text-h5 text-md-h4 grey--text text--darken-1">{{
-      month
-    }}</span>
+    <span class="d-flex text-h5 text-md-h4 blue-grey--text text--darken-1">
+      {{ month }}
+    </span>
   </div>
 </template>
 
diff --git a/ui/src/components/calendar/EventItem.vue b/ui/src/components/calendar/EventItem.vue
index d49d31c..a33e9b8 100644
--- a/ui/src/components/calendar/EventItem.vue
+++ b/ui/src/components/calendar/EventItem.vue
@@ -12,7 +12,13 @@
         {{ event.description }}
       </v-list-item-subtitle>
       <v-list-item-subtitle
-        class="thw-heading-font grey--text text--darken-1 font-weight-bold ma-0"
+        class="
+          thw-heading-font
+          blue-grey--text
+          text--darken-1
+          font-weight-bold
+          ma-0
+        "
       >
         {{ data_string }}
       </v-list-item-subtitle>