diff --git a/src/components/basic/Video.tsx b/src/components/basic/Video.tsx
index 050fee9..23c2f6d 100644
--- a/src/components/basic/Video.tsx
+++ b/src/components/basic/Video.tsx
@@ -47,7 +47,8 @@ export const Video = forwardRef<HTMLVideoElement | null, VideoProps>(
               ...sx,
               height: {
                 xs: "120px",
-                md: "350px",
+                md: "230px",
+                xl: "315px",
               },
               objectFit: "scale-down",
             }}
diff --git a/src/features/p2p-call/P2PCallMain.tsx b/src/features/p2p-call/P2PCallMain.tsx
index cb879f1..fbc24a7 100644
--- a/src/features/p2p-call/P2PCallMain.tsx
+++ b/src/features/p2p-call/P2PCallMain.tsx
@@ -82,8 +82,11 @@ export default function P2PCallMain() {
 
   const getSlotStyles = useCallback((): BoxProps["sx"] => {
     return {
-      flexBasis: "35%",
-      margin: 1,
+      flexBasis: "30%",
+      margin: {
+        xs: 0,
+        md: 1,
+      },
       width: "100%",
     };
   }, []);
@@ -125,6 +128,10 @@ export default function P2PCallMain() {
             xs: "grid",
             md: "flex",
           },
+          flexWrap: {
+            xs: "unset",
+            md: "wrap",
+          },
           gridTemplateColumns: landscape ? "repeat(5, auto)" : "auto auto",
           gap: 1,
           alignItems: "center",