From 23ae8f2917e97b9b4012f1538be2055c02483807 Mon Sep 17 00:00:00 2001
From: Michael Yankelev <myankelev@gmail.com>
Date: Tue, 16 Nov 2021 17:07:42 +0200
Subject: [PATCH] fix video preview overflow

---
 .../src/Components/Modules/PreviewRenderers/VideoPreview.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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 />
   )
 }