diff --git a/src/App.css b/src/App.css
index 5a674bb..7b52a70 100644
--- a/src/App.css
+++ b/src/App.css
@@ -648,6 +648,7 @@ button {
 .calendar-container {
   position: relative;
   margin: 20px auto;
+  font-size: small;
 }
 
 .month-navigation {
@@ -678,9 +679,10 @@ button {
 }
 
 .day {
-  padding: 8px;
+  padding: 2px;
   border: 1px solid grey;
   cursor: pointer;
+  display: flex;
 }
 
 .selected-day {
diff --git a/src/Calendar.tsx b/src/Calendar.tsx
index 5791788..ee0fd45 100644
--- a/src/Calendar.tsx
+++ b/src/Calendar.tsx
@@ -91,7 +91,7 @@ const Calendar = ({ playerId }: { playerId: number }) => {
       days.push(
         <div key={"weekday_" + i} className="weekday">
           {date.toLocaleString("default", {
-            weekday: "short",
+            weekday: "narrow",
           })}
         </div>
       );
@@ -163,6 +163,7 @@ const Calendar = ({ playerId }: { playerId: number }) => {
 
   return (
     <div className="calendar-container">
+      <h2>Latest Submissions</h2>
       {renderMonthNavigation()}
       {renderCalendar()}
       {renderEvents()}