diff --git a/packages/react/src/prefabs/PreJoin.tsx b/packages/react/src/prefabs/PreJoin.tsx
index 35fbf52f9..0fd99e030 100644
--- a/packages/react/src/prefabs/PreJoin.tsx
+++ b/packages/react/src/prefabs/PreJoin.tsx
@@ -259,11 +259,14 @@ export const PreJoin = ({
 
   return (
     <div className="lk-prejoin" {...htmlProps}>
-      {localVideoTrack ? (
-        <video ref={videoEl} />
-      ) : (
-        <div className="lk-camera-off-note">Camera is off</div>
-      )}
+      <div className="lk-video-container">
+        {localVideoTrack && <video ref={videoEl} />}
+        {/* {localVideoTrack?.isMuted === true && (
+          <div className="lk-placeholder">
+            <ParticipantPlaceholder />
+          </div>
+        )} */}
+      </div>
       {localAudioTrack ? (
         <div className="lk-audio-container">
           <audio ref={audioEl} />
@@ -314,7 +317,7 @@ export const PreJoin = ({
 
       <form className="lk-username-container">
         <input
-          className="form-control"
+          className="lk-form-control"
           id="username"
           name="username"
           type="text"
diff --git a/packages/styles/scss/prefab-components/_prejoin.scss b/packages/styles/scss/prefab-components/_prejoin.scss
index 7dd634192..dc2879d92 100644
--- a/packages/styles/scss/prefab-components/_prejoin.scss
+++ b/packages/styles/scss/prefab-components/_prejoin.scss
@@ -7,20 +7,29 @@
   margin-inline: auto;
   background-color: var(--bg);
 
-  video {
-    display: block;
+  .video-container {
     width: 480px;
     max-width: 100%;
-    height: auto;
-    transform: rotateY(180deg);
     border-radius: var(--lk-border-radius);
-  }
+    aspect-ratio: 16 / 10;
+    overflow: hidden;
 
-  .camera-off-note {
-    width: 100%;
-    height: 11.25rem;
-    background-color: #000;
-    border-radius: var(--lk-border-radius);
+    video {
+      max-height: 100%;
+      display: block;
+      transform: rotateY(180deg);
+      object-fit: cover;
+    }
+
+    .placeholder {
+      width: 100%;
+      height: 100%;
+      display: grid;
+      place-content: center;
+      svg {
+        padding: 20%;
+      }
+    }
   }
 
   .audio-container {