diff --git a/packages/files-ui/src/Components/Modules/PreviewRenderers/VideoPreview.tsx b/packages/files-ui/src/Components/Modules/PreviewRenderers/VideoPreview.tsx
index 8c6b688ea9..8b84d80b7e 100644
--- a/packages/files-ui/src/Components/Modules/PreviewRenderers/VideoPreview.tsx
+++ b/packages/files-ui/src/Components/Modules/PreviewRenderers/VideoPreview.tsx
@@ -5,7 +5,8 @@ import { makeStyles, createStyles } from "@chainsafe/common-theme"
 const useStyles = makeStyles(() =>
   createStyles({
     root: {
-      maxWidth: "100vw"
+      maxWidth: "100vw",
+      maxHeight: "100vh"
     }
   })
 )
@@ -28,7 +29,7 @@ const VideoPreview: React.FC<IPreviewRendererProps> = ({ contents }) => {
       className={classes.root}
       src={videoUrl}
       controls
-      autoPlay/>
+      autoPlay />
   )
 }