diff --git a/dist/index.css b/dist/index.css
index c9670485..d1926e21 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -587,7 +587,7 @@ body[showing-chat] #chat-page-wrapper {
 .month-grid .tile .event-list span {
   animation: slide-up var(--animation-duration);
 }
-@media (max-width: 640px) and (max-height: 900px) {
+@media (max-width: 640px) and (max-height: 1200px) {
   .month-grid .tile {
     padding: 0px;
   }
@@ -736,6 +736,10 @@ body[showing-chat] #chat-page-wrapper {
   width: 100%;
   padding: var(--gap-between-tiles);
   background: var(--surface);
+  display: none !important;
+}
+.message-bubble > .message-reaction-row:has(button:not([zero])) {
+  display: grid !important;
 }
 .message-bubble > .message-reaction-row button {
   min-height: unset;
diff --git a/src/View/ChatPages/messagePage.css b/src/View/ChatPages/messagePage.css
index b79822b1..25c900e7 100644
--- a/src/View/ChatPages/messagePage.css
+++ b/src/View/ChatPages/messagePage.css
@@ -177,6 +177,12 @@
 
     padding: var(--gap-between-tiles);
     background: var(--surface);
+    
+    display: none !important;
+}
+
+.message-bubble>.message-reaction-row:has(button:not([zero])) {
+    display: grid !important;
 }
 
 .message-bubble>.message-reaction-row button {
diff --git a/src/View/Components/monthGrid.css b/src/View/Components/monthGrid.css
index b21a7d65..40b70577 100644
--- a/src/View/Components/monthGrid.css
+++ b/src/View/Components/monthGrid.css
@@ -86,7 +86,7 @@
     animation: slide-up var(--animation-duration);
 }
 
-@media (max-width: 640px) and (max-height: 900px) {
+@media (max-width: 640px) and (max-height: 1200px) {
     .month-grid .tile {
         padding: 0px;
     }