diff --git a/README.md b/README.md
index 756e3c7..83d9283 100644
--- a/README.md
+++ b/README.md
@@ -178,7 +178,7 @@ css use BEM (Block Element Modifier) convention.
 
 .sc-modal__video-video {
   display: inline;
-  width: 100%;
+  height: 80vh;
 }
 
 .sc-modal__video-container{
diff --git a/src/SlightCapture/video.js b/src/SlightCapture/video.js
index 15845ac..698dadc 100644
--- a/src/SlightCapture/video.js
+++ b/src/SlightCapture/video.js
@@ -283,7 +283,7 @@ const captureAsync = (cv) => async (name,
 
         const outputCanvas = document.createElement("canvas");
         if (enableDefaultCss) {
-            outputCanvas.style = 'display:inline;width:100%;';
+            outputCanvas.style = 'display:inline;height:80vh;';
         }
         outputCanvas.className = 'sc-modal__video-video';
         iDivContainerVideo.appendChild(outputCanvas);