diff --git a/.changeset/fix-scrollable-read-receipts.md b/.changeset/fix-scrollable-read-receipts.md
new file mode 100644
index 000000000..aa8065d60
--- /dev/null
+++ b/.changeset/fix-scrollable-read-receipts.md
@@ -0,0 +1,5 @@
+---
+default: patch
+---
+
+Fix read receipt scrolling not working
diff --git a/src/app/components/event-readers/EventReaders.tsx b/src/app/components/event-readers/EventReaders.tsx
index b1c2b9d2b..c253be54e 100644
--- a/src/app/components/event-readers/EventReaders.tsx
+++ b/src/app/components/event-readers/EventReaders.tsx
@@ -59,8 +59,8 @@ export const EventReaders = as<'div', EventReadersProps>(
           </IconButton>
         </Header>
         <Box grow="Yes">
-          <Scroll visibility="Hover" hideTrack size="300">
-            <Box className={css.Content} direction="Column">
+          <Box className={css.Content} direction="Column">
+            <Scroll visibility="Hover" hideTrack size="300">
               {latestEventReaders.map((readerId) => {
                 const name = getName(readerId);
                 const avatarMxcUrl = room.getMember(readerId)?.getMxcAvatarUrl();
@@ -107,8 +107,8 @@ export const EventReaders = as<'div', EventReadersProps>(
                   </MenuItem>
                 );
               })}
-            </Box>
-          </Scroll>
+            </Scroll>
+          </Box>
         </Box>
       </Box>
     );