diff --git a/ui/src/components/calendar/EventDate.vue b/ui/src/components/calendar/EventDate.vue
index 46d660c..6fcd588 100644
--- a/ui/src/components/calendar/EventDate.vue
+++ b/ui/src/components/calendar/EventDate.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="d-flex justify-center mr-1 mr-md-2">
+  <div class="event-date d-flex justify-center mr-1 mr-md-2">
     <div class="d-flex flex-column align-end">
       <div class="d-flex align-end">
         <span class="d-flex text-h4 text-md-h3">{{ day }}</span>
@@ -42,7 +42,7 @@ export default class EventDate extends Vue {
 <style lang="scss" scoped>
 @import "~vuetify/src/styles/settings/_variables";
 
-div.justify-center {
+.event-date {
   min-width: 95px;
 
   @media #{map-get($display-breakpoints, "md-and-up")} {