diff --git a/addons/web/static/src/webclient/barcode/barcode_scanner.scss b/addons/web/static/src/webclient/barcode/barcode_scanner.scss
index 0f498292ec3..ce759f62316 100644
--- a/addons/web/static/src/webclient/barcode/barcode_scanner.scss
+++ b/addons/web/static/src/webclient/barcode/barcode_scanner.scss
@@ -3,4 +3,8 @@
     @include media-breakpoint-down(md) {
         padding: 0;
     }
+
+    video {
+        object-fit: cover;
+    }
 }
diff --git a/addons/web/static/src/webclient/barcode/barcode_scanner.xml b/addons/web/static/src/webclient/barcode/barcode_scanner.xml
index 2de6df69a9a..49ef8666d54 100644
--- a/addons/web/static/src/webclient/barcode/barcode_scanner.xml
+++ b/addons/web/static/src/webclient/barcode/barcode_scanner.xml
@@ -3,7 +3,7 @@
     <t t-name="web.BarcodeDialog" owl="1">
         <Dialog title="'Barcode Scanner'" onClosed="props.onClose" fullscreen="true" renderFooter="false" contentClass="'o-barcode-modal'">
             <CropOverlay onResize.bind="this.onResize" isReady="state.isReady">
-                <video t-ref="videoPreview" muted="true" autoplay="true" playsinline="true" class="mw-100 mh-100"/>
+                <video t-ref="videoPreview" muted="true" autoplay="true" playsinline="true" class="w-100 h-100"/>
             </CropOverlay>
         </Dialog>
     </t>