From c4cfdcc43afd8e8c544343e73a6393ff426996f3 Mon Sep 17 00:00:00 2001
From: Kaustubh Kumar <kaustubhkumar05@gmail.com>
Date: Tue, 29 Aug 2023 18:07:22 +0530
Subject: [PATCH] fix: overlay chat layout fix

---
 packages/roomkit-react/src/Prebuilt/layouts/SidePane.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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}