diff --git a/packages/app/src/Element/Reactions.css b/packages/app/src/Element/Reactions.css
index aabedff5..0904fa60 100644
--- a/packages/app/src/Element/Reactions.css
+++ b/packages/app/src/Element/Reactions.css
@@ -44,14 +44,14 @@
   line-height: 19px;
 }
 
-.reactions-modal .modal-body .body {
+.reactions-modal .modal-body .reactions-body {
   overflow: scroll;
   height: 40vh;
   -ms-overflow-style: none; /* for Internet Explorer, Edge */
   scrollbar-width: none; /* Firefox */
 }
 
-.reactions-modal .modal-body .body::-webkit-scrollbar {
+.reactions-modal .modal-body .reactions-body::-webkit-scrollbar {
   display: none;
 }
 
diff --git a/packages/app/src/Element/Reactions.tsx b/packages/app/src/Element/Reactions.tsx
index 2bb60ea0..991663f4 100644
--- a/packages/app/src/Element/Reactions.tsx
+++ b/packages/app/src/Element/Reactions.tsx
@@ -82,7 +82,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
         </h2>
       </div>
       <Tabs tabs={tabs} tab={tab} setTab={setTab} />
-      <div className="body" key={tab.value}>
+      <div className="reactions-body" key={tab.value}>
         {tab.value === 0 &&
           likes.map(ev => {
             return (