diff --git a/ui/src/components/calendar/EventDate.vue b/ui/src/components/calendar/EventDate.vue
index 55360d7..b8bc677 100644
--- a/ui/src/components/calendar/EventDate.vue
+++ b/ui/src/components/calendar/EventDate.vue
@@ -1,7 +1,7 @@
 <template>
-  <div>
-    <span class="text-h4 text-md-h3">{{ day }}</span>
-    <span class="text-h5 text-md-h4 grey--text text--darken-1">{{
+  <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>
   </div>