diff --git a/dist/index.css b/dist/index.css
index 43d4421c..604d04d6 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -487,9 +487,6 @@ body[showing-chat] #chat-page-wrapper {
   #chat-page > div > #main > #calendar-page {
     flex-direction: column;
   }
-  #chat-page > div > #main > #calendar-page .month-grid-wrapper {
-    height: unset;
-  }
   #chat-page > div > #main > #calendar-page .grid-pane-wrapper {
     border-bottom: 1px solid var(--border);
   }
@@ -501,6 +498,7 @@ body[showing-chat] #chat-page-wrapper {
   flex-direction: column;
   gap: var(--gap-between-tiles);
   height: 100%;
+  overflow: hidden;
 }
 .month-grid-wrapper .day-labels {
   flex: 0;
@@ -513,8 +511,12 @@ body[showing-chat] #chat-page-wrapper {
   grid-template-columns: repeat(7, minmax(0px, 1fr));
   grid-auto-rows: 1fr;
 }
+.month-grid {
+  overflow: hidden;
+}
 .month-grid .tile {
   animation: slide-up var(--animation-duration);
+  overflow: hidden;
 }
 .month-grid .tile[today] b {
   color: var(--primary);
diff --git a/src/View/ChatPages/calendarPage.css b/src/View/ChatPages/calendarPage.css
index 84aa461b..a0ded5fa 100644
--- a/src/View/ChatPages/calendarPage.css
+++ b/src/View/ChatPages/calendarPage.css
@@ -68,10 +68,6 @@
     flex-direction: column;
   }
 
-  #chat-page > div > #main > #calendar-page .month-grid-wrapper {
-    height: unset;
-  }
-
   #chat-page > div > #main > #calendar-page .grid-pane-wrapper {
     border-bottom: 1px solid var(--border);
   }
diff --git a/src/View/Components/monthGrid.css b/src/View/Components/monthGrid.css
index bf037436..8091c529 100644
--- a/src/View/Components/monthGrid.css
+++ b/src/View/Components/monthGrid.css
@@ -5,6 +5,7 @@
   gap: var(--gap-between-tiles);
 
   height: 100%;
+  overflow: hidden;
 }
 
 .month-grid-wrapper .day-labels {
@@ -23,8 +24,13 @@
   grid-auto-rows: 1fr;
 }
 
+.month-grid {
+  overflow: hidden;
+}
+
 .month-grid .tile {
   animation: slide-up var(--animation-duration);
+  overflow: hidden;
 }
 
 .month-grid .tile[today] b {