diff --git a/src/popup/modules/UserInterface.js b/src/popup/modules/UserInterface.js
index 6da4d662..94c168e8 100644
--- a/src/popup/modules/UserInterface.js
+++ b/src/popup/modules/UserInterface.js
@@ -554,7 +554,7 @@ async function createContextMenu() {
 export function lateInit() {
     // start listening for resize events very late, so that it does not
     // conflict with restoring the popup size
-    resizeMutationObserver.observe(qrCodeText, {
+    resizeMutationObserver.observe(document.body, {
         attributes: true,
         attributeFilter: ["style"]
     });
diff --git a/src/popup/qrcode.css b/src/popup/qrcode.css
index bb410fcf..d6d99331 100644
--- a/src/popup/qrcode.css
+++ b/src/popup/qrcode.css
@@ -8,6 +8,16 @@ html, body {
   max-height: 100%;
   height: 100%;
 }
+
+body {
+  direction: rtl;
+  resize: both;
+}
+
+body > * {
+  direction: __MSG_@@bidi_dir__;
+}
+
 /* on (small) mobile displays */
 @media (max-width: 700px) {
   body {
@@ -103,7 +113,7 @@ html, body {
   min-height: 2em;
   max-height: 100%;
 
-  resize: both;
+  resize: none;
 
   /* Firefox needs a fixed height, so it can scale the popup large enough when QR code is displayed */
   height: 6em;