diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.module.css b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.module.css
index cf9e2b1bc4..2ba89040f2 100644
--- a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.module.css
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.module.css
@@ -8,6 +8,7 @@
 }
 
 .video {
+    position: relative;
     display: block;
     width: 100%;
     height: 100%;
diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.test.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.test.tsx
index 69883e0739..f4d1eba2a0 100644
--- a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.test.tsx
+++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.test.tsx
@@ -112,6 +112,7 @@ describe("VideoBodyView", () => {
         );
 
         const video = screen.getByLabelText("Product demo video") as HTMLVideoElement;
+        expect(video).toHaveStyle({ position: "relative" });
         expect(video).toHaveAttribute("src", "https://example.org/demo.mp4");
         expect(video).toHaveAttribute("poster", "https://example.org/demo-poster.jpg");
         expect(video).toHaveAttribute("preload", "none");