diff --git a/packages/roomkit-react/src/Prebuilt/layouts/SidePane.jsx b/packages/roomkit-react/src/Prebuilt/layouts/SidePane.jsx
index c89e9d2088..744c350b06 100644
--- a/packages/roomkit-react/src/Prebuilt/layouts/SidePane.jsx
+++ b/packages/roomkit-react/src/Prebuilt/layouts/SidePane.jsx
@@ -32,7 +32,11 @@ const SidePane = ({ css = {} }) => {
   const mwebStreamingChat = isMobile && (showStreamingUI || isHLSViewer) && ViewComponent === Chat;
 
   return (
-    <Flex direction="column" justify="center" css={{ w: '$100', h: '100%', flexShrink: 0 }}>
+    <Flex
+      direction="column"
+      justify="center"
+      css={{ w: '$100', h: '100%', flexShrink: 0, '@md': { position: mwebStreamingChat ? 'absolute' : '' } }}
+    >
       {trackId && (
         <VideoTile
           peerId={activeScreensharePeerId}