diff --git a/dist/index.css b/dist/index.css
index d1926e21..28bad232 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -737,6 +737,7 @@ body[showing-chat] #chat-page-wrapper {
   padding: var(--gap-between-tiles);
   background: var(--surface);
   display: none !important;
+  overflow: hidden;
 }
 .message-bubble > .message-reaction-row:has(button:not([zero])) {
   display: grid !important;
@@ -748,6 +749,7 @@ body[showing-chat] #chat-page-wrapper {
   padding: var(--control-padding-compact);
   gap: 0px;
   flex: 1 !important;
+  animation: slide-up var(--animation-duration);
 }
 .message-bubble > .message-reaction-row button[zero] {
   display: none;
diff --git a/src/View/ChatPages/messagePage.css b/src/View/ChatPages/messagePage.css
index 25c900e7..a2d13a88 100644
--- a/src/View/ChatPages/messagePage.css
+++ b/src/View/ChatPages/messagePage.css
@@ -179,6 +179,7 @@
     background: var(--surface);
     
     display: none !important;
+    overflow: hidden;
 }
 
 .message-bubble>.message-reaction-row:has(button:not([zero])) {
@@ -192,6 +193,7 @@
     padding: var(--control-padding-compact);
     gap: 0px;
     flex: 1 !important;
+    animation: slide-up var(--animation-duration);
 }
 
 .message-bubble>.message-reaction-row button[zero] {