diff --git a/src/Room.jsx b/src/Room.jsx
index b512edcd..b1ed3e00 100644
--- a/src/Room.jsx
+++ b/src/Room.jsx
@@ -301,8 +301,8 @@ function RoomSetupView({
       </Header>
       <div className={styles.joinRoom}>
         <div className={styles.joinRoomContent}>
-          <h1>{roomName}</h1>
           <div className={styles.preview}>
+            <video ref={videoRef} muted playsInline disablePictureInPicture />
             {state === GroupCallState.LocalCallFeedUninitialized && (
               <p className={styles.webcamPermissions}>
                 Webcam/microphone permissions needed to join the call.
@@ -313,7 +313,6 @@ function RoomSetupView({
                 Accept webcam/microphone permissions to join the call.
               </p>
             )}
-            <video ref={videoRef} muted playsInline disablePictureInPicture />
             {state === GroupCallState.LocalCallFeedInitialized && (
               <>
                 <Button
diff --git a/src/Room.module.css b/src/Room.module.css
index 1446b9a7..25de9d11 100644
--- a/src/Room.module.css
+++ b/src/Room.module.css
@@ -63,8 +63,8 @@ limitations under the License.
 
 .preview {
   position: relative;
-  max-width: 816px;
-  max-height: 75vh;
+  min-height: 280px;
+  height: 50vh;
   border-radius: 24px;
   overflow: hidden;
   background-color: var(--bgColor3);