diff --git a/plugins/media-resources/src/components/MediaPopupCamPreview.svelte b/plugins/media-resources/src/components/MediaPopupCamPreview.svelte
index 61d45249b7..a04a3ebc8f 100644
--- a/plugins/media-resources/src/components/MediaPopupCamPreview.svelte
+++ b/plugins/media-resources/src/components/MediaPopupCamPreview.svelte
@@ -64,12 +64,24 @@
   }
 </script>
 
-{#if stream !== null}
-  <!-- svelte-ignore a11y-media-has-caption -->
-  <video bind:this={video} width="100%" height="100%" autoplay muted disablepictureinpicture />
-{/if}
+<div class="container">
+  {#if stream !== null}
+    <!-- svelte-ignore a11y-media-has-caption -->
+    <video bind:this={video} width="100%" height="100%" autoplay muted disablepictureinpicture />
+  {/if}
+</div>
 
 <style lang="scss">
+  .container {
+    padding: 0.375rem;
+    border-radius: 0.375rem;
+    width: 100%;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
   video {
     border-radius: inherit;
     transform: rotateY(180deg);
diff --git a/plugins/media-resources/src/components/MediaPopupCamSelector.svelte b/plugins/media-resources/src/components/MediaPopupCamSelector.svelte
index ea1aaf04ec..f7c1c29f72 100644
--- a/plugins/media-resources/src/components/MediaPopupCamSelector.svelte
+++ b/plugins/media-resources/src/components/MediaPopupCamSelector.svelte
@@ -101,9 +101,7 @@
           {/each}
 
           {#if selected}
-            <div class="preview">
-              <MediaPopupCamPreview {selected} />
-            </div>
+            <MediaPopupCamPreview {selected} />
           {/if}
         {:else}
           <MediaPopupItem
@@ -126,14 +124,4 @@
       color: var(--theme-state-positive-color);
     }
   }
-
-  .preview {
-    padding: 0.375rem;
-    border-radius: 0.375rem;
-    width: 100%;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
 </style>