diff --git a/src/components/Reactions/ReactionsListModal.tsx b/src/components/Reactions/ReactionsListModal.tsx
index 1ddacfb40..c4120ec3c 100644
--- a/src/components/Reactions/ReactionsListModal.tsx
+++ b/src/components/Reactions/ReactionsListModal.tsx
@@ -68,7 +68,10 @@ export function ReactionsListModal<
   );
 
   return (
-    <Modal className='str-chat__message-reactions-details-modal' {...modalProps}>
+    <Modal
+      {...modalProps}
+      className={clsx('str-chat__message-reactions-details-modal', modalProps.className)}
+    >
       <div className='str-chat__message-reactions-details' data-testid='reactions-list-modal'>
         <div className='str-chat__message-reactions-details-reaction-types'>
           {reactions.map(