diff --git a/src/webparts/recurringEvents/components/RecurringEvents.module.scss b/src/webparts/recurringEvents/components/RecurringEvents.module.scss
index 1a2cc6c..bbdbd53 100644
--- a/src/webparts/recurringEvents/components/RecurringEvents.module.scss
+++ b/src/webparts/recurringEvents/components/RecurringEvents.module.scss
@@ -19,11 +19,11 @@
 .cardLink:hover, .compactLink:hover { background: "[theme:neutralLighterAlt, default:#faf9f8]"; color: "[theme:bodyText, default:#323130]"; }
 .cardLink:focus, .compactLink:focus { outline: 2px solid "[theme:focusBorder, default:#605e5c]"; outline-offset: -2px; }
 .cardContent, .compactContent { display: block; flex: 1 1 auto; min-width: 0; }
-.dateBadge { color: "[theme:themePrimary, default:#0078d4]"; display: flex; flex: 0 0 48px; flex-direction: column; margin-right: 12px; text-align: center; }
+.dateBadge {border: 1px solid #c8c8c8; min-width: 62px; height: 62px; justify-content: center;  color: "[theme:themePrimary, default:#0078d4]"; display: flex; flex: 0 0 48px; flex-direction: column; margin-right: 12px; text-align: center; }
 .month { font-size: 12px; font-weight: 400; line-height: 16px; text-transform: uppercase; }
 .day { color: "[theme:bodyText, default:#323130]"; font-size: 21px; font-weight: 600; line-height: 28px; }
 .title { display: block; font-size: 14px; font-weight: 600; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.dateLine, .location {border: 1px solid #c8c8c8; min-width: 62px; height: 62px; justify-content: center; color: "[theme:neutralSecondary, default:#605e5c]"; display: block; font-size: 12px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dateLine, .location {color: "[theme:neutralSecondary, default:#605e5c]"; display: block; font-size: 12px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .recurringIcon { color: "[theme:themePrimary, default:#0078d4]"; flex: 0 0 28px; font-size: 18px; text-align: center; }
 .status { color: "[theme:bodyText, default:#323130]"; padding: 16px; }
 .error { color: "[theme:errorText, default:#a80000]"; padding: 16px; }