diff --git a/packages/qr-code-scanner/src/qr-code-scanner.js b/packages/qr-code-scanner/src/qr-code-scanner.js
index 193c7d1a61b9aa3f476fa2feacbe32acd55119af..7a565846772cc0c1911dda2ca82ee935dec3bf20 100644
--- a/packages/qr-code-scanner/src/qr-code-scanner.js
+++ b/packages/qr-code-scanner/src/qr-code-scanner.js
@@ -169,6 +169,7 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
         let outputContainer = this._("#output");
         let outputMessage = this._("#outputMessage");
         let outputData = this._("#outputData");
+        let qrContainer = this._("#qr");
 
         let color = this.scanIsOk ? getComputedStyle(this)
                 .getPropertyValue('--dbp-success-bg-color') : getComputedStyle(this)
@@ -201,6 +202,7 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
             video.setAttribute("playsinline", true); // required to tell iOS safari we don't want fullscreen
             video.play();
             that.videoRunning = true;
+            qrContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });
             requestAnimationFrame(tick);
         }).catch((e) => { console.log(e); that.askPermission = true;});