diff --git a/src/button/ReactionToggleButton.module.css b/src/button/ReactionToggleButton.module.css
index 99969f24..076661de 100644
--- a/src/button/ReactionToggleButton.module.css
+++ b/src/button/ReactionToggleButton.module.css
@@ -7,9 +7,7 @@
 }
 
 .reactionPopupMenuModal {
-  width: fit-content !important;
   top: 82vh !important;
-  overflow-y: none;
 }
 
 .reactionPopupMenuModal > div > div {
@@ -21,6 +19,10 @@
   flex: auto;
 }
 
+.reactionsMenuSection {
+  margin: auto 0;
+}
+
 :root {
   --reaction-button-padding: 1em;
   --reaction-button-size: 1.4em;
@@ -59,17 +61,12 @@
   border: none;
 }
 
-@media (max-width: 800px) {
+@media (max-width: 660px) {
   :root {
     --reaction-button-size: 1em;
     --reaction-button-fontsize: 1em;
   }
-
-  .reactionsMenu {
-    max-width: none;
-  }
 }
-
 .verticalSeperator {
   background-color: var(--cpd-color-gray-800);
   width: 1px;
diff --git a/src/button/ReactionToggleButton.tsx b/src/button/ReactionToggleButton.tsx
index 99e99f51..a09dd61d 100644
--- a/src/button/ReactionToggleButton.tsx
+++ b/src/button/ReactionToggleButton.tsx
@@ -109,7 +109,7 @@ export function ReactionPopupMenu({
           </Tooltip>
         </section>
         <div className={styles.verticalSeperator} />
-        <section>
+        <section className={styles.reactionsMenuSection}>
           <menu className={styles.reactionsMenu}>
             {filteredReactionSet.map((reaction) => (
               <li key={reaction.name}>