diff --git a/packages/qr-code-scanner/src/qr-code-scanner.js b/packages/qr-code-scanner/src/qr-code-scanner.js
index 7e4aa7406bdf4153e68353a55c8735c544899ee4..b4da2e66d699498419d5ef6c8eb6d91c4231dfda 100644
--- a/packages/qr-code-scanner/src/qr-code-scanner.js
+++ b/packages/qr-code-scanner/src/qr-code-scanner.js
@@ -422,8 +422,10 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
             }
         
             #canvas {
-                width: 100%;
+                width: auto;
+                max-width: 100%;
                 margin-top: 2rem;
+                height: 90vh;
                 max-height: 100%;
             }