diff --git a/app/routes/calendar/index.tsx b/app/routes/calendar/index.tsx
index 7574b9334..735bd364e 100644
--- a/app/routes/calendar/index.tsx
+++ b/app/routes/calendar/index.tsx
@@ -308,10 +308,10 @@ function EventsToReport() {
   );
 }
 
-function EventsList({ 
-  events, 
-}: { 
-  events: SerializeFrom<typeof loader>["events"]; 
+function EventsList({
+  events,
+}: {
+  events: SerializeFrom<typeof loader>["events"];
 }) {
   const { t, i18n } = useTranslation("calendar");
 
@@ -330,9 +330,9 @@ function EventsList({
               </div>
             </div>
             <div className="stack md">
-              {events.map(calendarEvent => {
+              {events.map((calendarEvent) => {
                 return (
-                  <section 
+                  <section
                     key={calendarEvent.eventDateId}
                     className="calendar__event main stack md"
                   >
@@ -404,7 +404,7 @@ function EventsList({
           </React.Fragment>
         );
       })}
-    </div> 
+    </div>
   );
 }
 
diff --git a/app/styles/calendar.css b/app/styles/calendar.css
index 833597096..48ce17b40 100644
--- a/app/styles/calendar.css
+++ b/app/styles/calendar.css
@@ -103,8 +103,8 @@
 .calendar__event {
   display: flex;
   flex-direction: column;
-  font-size: var(--fonts-lg);
   padding-top: 1rem;
+  font-size: var(--fonts-lg);
 }
 
 .calendar__event + .calendar__event {
diff --git a/app/styles/vars.css b/app/styles/vars.css
index a5629c727..71e346065 100644
--- a/app/styles/vars.css
+++ b/app/styles/vars.css
@@ -15,7 +15,7 @@ html {
   --text: rgb(0 0 0 / 95%);
   --black-text: rgb(0 0 0 / 95%);
   --text-lighter: rgb(75 75 75 / 95%);
-  --divider: #635DAB;
+  --divider: #635dab;
   --theme-error: rgb(199 13 6);
   --theme-error-transparent: rgba(199 13 6 / 75%);
   --theme-warning: #c9c900;