diff --git a/web/src/components/DialogLarge.jsx b/web/src/components/DialogLarge.jsx
index 8b03bd2a8..73ebf063f 100644
--- a/web/src/components/DialogLarge.jsx
+++ b/web/src/components/DialogLarge.jsx
@@ -21,7 +21,7 @@ export default function LargeDialog({ children, portalRootID = 'dialogs' }) {
       >
         <div
           role="modal"
-          className={`absolute rounded shadow-2xl bg-white dark:bg-gray-700 w-4/5 text-gray-900 dark:text-white transition-transform transition-opacity duration-75 transform scale-90 opacity-0 ${
+          className={`absolute rounded shadow-2xl bg-white dark:bg-gray-700 w-4/5 max-w-7xl text-gray-900 dark:text-white transition-transform transition-opacity duration-75 transform scale-90 opacity-0 ${
             show ? 'scale-100 opacity-100' : ''
           }`}
         >
diff --git a/web/src/routes/Export.jsx b/web/src/routes/Export.jsx
index 1fbc89d9d..d942e6a32 100644
--- a/web/src/routes/Export.jsx
+++ b/web/src/routes/Export.jsx
@@ -96,7 +96,7 @@ export default function Export() {
 
       {selectedClip && (
         <LargeDialog>
-          <div className="max-w-7xl">
+          <div>
             <Heading className="p-2">Playback</Heading>
             <VideoPlayer
               options={{