diff --git a/src/components/room/display/main-grid.tsx b/src/components/room/display/main-grid.tsx
index ca08506..2f0811e 100644
--- a/src/components/room/display/main-grid.tsx
+++ b/src/components/room/display/main-grid.tsx
@@ -88,8 +88,9 @@ const MainGrid = () => {
     <div
       ref={gridRef}
       className={cn(
-        `w-full h-1/2 lg:h-full  flex flex-wrap items-center justify-center content-center gap-3 py-2 overflow-hidden lg:min-w-[400px] xl:min-w-[450px] 2xl:min-w-[500px]`,
-        (screenOn || peerScreens.length) && 'lg:w-1/3 xl:w-2/6 2xl:w-3/12'
+        `w-full h-full lg:h-full  flex flex-wrap items-center justify-center content-center 
+        gap-3 py-2 overflow-hidden lg:min-w-[400px] xl:min-w-[450px] 2xl:min-w-[500px]`,
+        (screenOn || peerScreens.length) && 'h-1/2 lg:w-1/3 xl:w-2/6 2xl:w-3/12'
       )}
     >
       {layout ? (