diff --git a/packages/web-app-preview/src/components/MediaControls.vue b/packages/web-app-preview/src/components/MediaControls.vue
index 6cc98effa9..e5954ea93d 100644
--- a/packages/web-app-preview/src/components/MediaControls.vue
+++ b/packages/web-app-preview/src/components/MediaControls.vue
@@ -3,7 +3,9 @@
     class="preview-details"
     :class="[{ 'lightbox opacity-90 z-1000': isFullScreenModeActivated }]"
   >
-    <div class="bg-role-surface-container p-2 w-lg flex items-center justify-around rounded-sm">
+    <div
+      class="bg-role-surface-container p-2 w-lg max-w-[80vw] flex flex-wrap items-center justify-around rounded-sm"
+    >
       <oc-button
         v-oc-tooltip="previousDescription"
         class="preview-controls-previous raw-hover-surface"