diff --git a/src/popup/modules/UserInterface.js b/src/popup/modules/UserInterface.js
index 6da4d662..17e9b5d7 100644
--- a/src/popup/modules/UserInterface.js
+++ b/src/popup/modules/UserInterface.js
@@ -378,6 +378,10 @@ export function handleQrError(error) {
 function triggerFileSave(file, filename, requestDownloadPermissions) {
     const downloadPermissionGranted = browser.permissions.contains(DOWNLOAD_PERMISSION);
 
+    // Blur QR code so that it is clear that user did not give permission yet
+    qrCode.style.filter = "blur(5px)"; // add the blur effect
+
+
     downloadPermissionGranted.then((isAlreadyGranted) => {
         let usePermissionWorkaround = false;
 
@@ -388,6 +392,7 @@ function triggerFileSave(file, filename, requestDownloadPermissions) {
             CommonMessages.showInfo("requestDownloadPermissionForQr");
         }
 
+
         browser.runtime.sendMessage({
             type: COMMUNICATION_MESSAGE_TYPE.SAVE_FILE_AS,
             usePermissionWorkaround: usePermissionWorkaround,
@@ -411,10 +416,13 @@ function triggerFileSave(file, filename, requestDownloadPermissions) {
             if (usePermissionWorkaround) {
                 // if permission result is there, hide info message
                 CommonMessages.hideInfo();
+
+
             }
 
-            // in case of success there is nothing else to do
+            // in case of success remove the blur and return
             if (permissionGranted) {
+                qrCode.style.filter = "none";
                 return;
             }