diff --git a/package-lock.json b/package-lock.json
index a20757b5..398274ae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@myetherwallet/mewconnect-web-client",
-  "version": "2.2.0-beta.12",
+  "version": "2.2.0-beta.13",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -7525,11 +7525,6 @@
           "requires": {
             "async-limiter": "~1.0.0"
           }
-        },
-        "xmlhttprequest-ssl": {
-          "version": "1.6.1",
-          "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.6.1.tgz",
-          "integrity": "sha512-rNip/8D9Y/1dl3E2kgsEnvqZhFN15WAFBYsMCdLrQmlEoFCRp7somLaIxvx4yobEmgJm78YF0gvCL/saacX3ww=="
         }
       }
     },
@@ -21035,6 +21030,11 @@
       "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
       "dev": true
     },
+    "xmlhttprequest-ssl": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz",
+      "integrity": "sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4="
+    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/package.json b/package.json
index 94765dfc..b85725fc 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@myetherwallet/mewconnect-web-client",
   "homepage": "https://github.com/myetherwallet/MEWconnect-web-client",
-  "version": "2.2.0-beta.12",
+  "version": "2.2.0-beta.13",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "scripts": {
diff --git a/src/connectWindow/designTemplates/popupWindowModal.html b/src/connectWindow/designTemplates/popupWindowModal.html
index 2cf55102..258b4ce3 100644
--- a/src/connectWindow/designTemplates/popupWindowModal.html
+++ b/src/connectWindow/designTemplates/popupWindowModal.html
@@ -7,7 +7,7 @@
       @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500;700&display=swap');
       @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
 
-      .outer-container {
+      .mew-outer-container {
         font-family: 'Roboto', sans-serif;
         box-sizing: border-box;
         bottom: 0;
@@ -21,7 +21,7 @@
         text-align: center;
         top: 0;
       }
-      .container {
+      .mew-wallet-container {
         font-family: 'Roboto', sans-serif;
         color: #050f19;
         text-align: center;
@@ -37,7 +37,7 @@
         padding-top: 16px;
       }
 
-      .upper-text {
+      .mew-upper-text {
         position: relative;
         bottom: 15px;
       }
@@ -49,7 +49,7 @@
         left: 100%;
         width: 20px;
       }
-      .qr-code {
+      .mew-qr-code {
         font-family: 'Roboto', sans-serif;
         color: #050f19;
         height: 210px;
@@ -62,7 +62,7 @@
         border-radius: 8px;
         display: inline-block;
       }
-      .text-one {
+      .mew-text-one {
         min-width: 380px;
         height: 30px;
         color: rgba(0, 0, 0);
@@ -75,7 +75,7 @@
         box-sizing: border-box;
         padding-bottom: 8px;
       }
-      .text-two {
+      .mew-text-two {
         font-family: 'Roboto', sans-serif;
         font-size: 14px;
         color: rgba(0, 0, 0, 0.55);
@@ -86,7 +86,7 @@
         min-width: 265px;
         padding-top: 8px;
       }
-      .list-style {
+      .mew-list-style {
         width: 278px;
         height: 48px;
         color: rgba(0, 0, 0, 0.55);
@@ -101,17 +101,17 @@
         position: relative;
         left: 30px;
       }
-      .list-style li {
+      .mew-list-style li {
         margin-left: 0;
         padding-left: 10px;
       }
-      .bottom-background {
+      .mew-bottom-background {
         background: rgb(249, 250, 251);
         text-align: center;
         padding-top: 25px;
         padding-bottom: 15px;
       }
-      .bottom-container {
+      .mew-bottom-container {
         position: relative;
         font-family: 'Roboto', sans-serif;
         color: #050f19;
@@ -144,25 +144,25 @@
         text-align: center;
       }
 
-      .left {
+      .mew-bottom-background > .left {
         margin-right: 15px;
       }
 
-      .spaceman-background {
+      .mew-bottom-background > .spaceman-background {
         background-color: white;
         border-radius: 10px;
       }
 
-      .center {
+      .mew-bottom-background > .center {
         align-items: center;
       }
 
-      .right {
+      .mew-bottom-background > .right {
         align-items: flex-start;
         text-align: left;
       }
 
-      .left-img {
+      .mew-bottom-background > .left-img {
         padding-right: 10px;
       }
 
@@ -170,7 +170,7 @@
         margin: 0;
         padding-bottom: 5px;
       }
-      .bottom {
+      .mew-bottom {
         color: rgba(0, 0, 0, 0.55);
         font-size: 12px;
         font-family: 'Roboto', sans-serif;
@@ -178,23 +178,23 @@
         letter-spacing: 0.15px;
       }
 
-      .bottom-link {
+      .mew-bottom > .bottom-link {
         text-decoration: none;
         color: rgba(5, 192, 165);
         cursor: pointer;
       }
 
-      .refreshIcon {
+      .mew-refresh-icon {
         justify-content: center;
         margin-left: auto;
         margin-right: auto;
       }
 
-      .hidden {
+      .mew-hidden {
         display: none;
       }
 
-      .get-text {
+      .mew-get-text {
         width: 265px;
         height: 16px;
         color: rgb(0, 0, 0);
@@ -204,7 +204,7 @@
         letter-spacing: 0.17px;
       }
 
-      .camera-icon {
+      .mew-camera-icon {
         opacity: 0.54;
         position: relative;
         bottom: -2px;
@@ -212,15 +212,15 @@
         width: 14px;
       }
 
-      #google-link:hover {
+      #mew-google-link:hover {
         cursor: pointer;
       }
 
-      #apple-link:hover {
+      #mew-apple-link:hover {
         cursor: pointer;
       }
 
-      .warn-color {
+      .mew-warn-color {
         color: orange;
       }
 
@@ -317,12 +317,12 @@
     <button id="open-button">OPEN</button>
     <div class="mew-wallet-modal" id="mew-wallet-modal"></div>
     <div class="mew-wallet-modal-container" id="mew-wallet-modal-container">
-      <div class="modal-dialog">
+      <div class="mew-wallet-modal-dialog">
         <header class="modal-header"></header>
-        <section class="modal-content">
-          <div class="outer-container">
-            <div class="container">
-              <div class="upper-text">
+        <section class="mew-wallet-modal-content">
+          <div class="mew-outer-container">
+            <div class="mew-wallet-container">
+              <div class="mew-upper-text">
                 <div
                   class="close-mew-modal"
                   id="close-mew-modal"
@@ -335,29 +335,29 @@
                     width="11"
                   />
                 </div>
-                <p class="text-one">Connect to MEW wallet app</p>
-                <p class="text-two">Scan this code to connect</p>
+                <p class="mew-text-one">Connect to MEW wallet app</p>
+                <p class="mew-text-two">Scan this code to connect</p>
               </div>
 
-              <div class="qr-code">
+              <div class="mew-qr-code">
                 <canvas id="canvas-for-mewconnect-qr-code"></canvas>
               </div>
-              <div id="refresh-container" class="refreshIcon hidden">
+              <div id="refresh-container" class="mew-refresh-icon mew-hidden">
                 <img id="refresh" src="${refresh}" />
               </div>
 
-              <ol class="list-style">
+              <ol class="mew-list-style">
                 <li>Open MEW wallet app on your mobile device</li>
                 <li class="with-image">
                   Click
-                  <img class="camera-icon" src="./rawImages/camera.png" /> icon
+                  <img class="mew-camera-icon" src="./rawImages/camera.png" /> icon
                   in the top right corner
                 </li>
                 <li>Scan this code to connect</li>
               </ol>
             </div>
-            <div class="bottom-background">
-              <div class="bottom-container">
+            <div class="mew-bottom-background">
+              <div class="mew-bottom-container">
                 <div class="left">
                   <img
                     class="spaceman-background"
@@ -368,15 +368,15 @@
                 </div>
                 <div class="center">
                   <div class="right">
-                    <p class="get-text">Don't have MEW wallet app?</p>
-                    <p id="popupsBlocked" class="warn-color"></p>
+                    <p class="mew-get-text">Don't have MEW wallet app?</p>
+                    <p id="popupsBlocked" class="mew-warn-color"></p>
                     <a
                       href="https://apps.apple.com/app/id1464614025"
                       target="_blank"
                       id="appStore"
                     >
                       <img
-                        id="apple-link"
+                        id="mew-apple-link"
                         class="left-img"
                         src="./rawImages/button-app-store.png"
                         height="40"
@@ -389,7 +389,7 @@
                       id="playStore"
                     >
                       <img
-                        id="google-link"
+                        id="mew-google-link"
                         src="./rawImages/button-google-play-color.png"
                         height="40"
                         width="135"
@@ -397,7 +397,7 @@
                   </div>
                 </div>
               </div>
-              <div class="bottom">
+              <div class="mew-bottom">
                 Powered by
                 <a
                   href="https://myetherwallet.github.io/MEWconnect-Protocol-Documentation/"
diff --git a/src/connectWindow/popupWindowDesign.js b/src/connectWindow/popupWindowDesign.js
index 79c97c76..bed6a5ea 100644
--- a/src/connectWindow/popupWindowDesign.js
+++ b/src/connectWindow/popupWindowDesign.js
@@ -57,7 +57,7 @@ const cssStyles = `
         z-index: 10;
       }
       
-      .qr-code {
+      .mew-qr-code {
         font-family: 'Roboto', sans-serif;
         color: #050f19;
         height: 210px;
@@ -70,7 +70,7 @@ const cssStyles = `
         border-radius: 8px;
         display: inline-block;
       }
-      .text-one {
+      .mew-text-one {
         min-width: 380px;
         height: 30px;
         color: rgba(0, 0, 0);
@@ -83,7 +83,7 @@ const cssStyles = `
         box-sizing: border-box;
         padding-bottom: 8px;
       }
-      .text-two {
+      .mew-text-two {
         font-family: 'Roboto', sans-serif;
         font-size: 14px;
         color: rgba(0, 0, 0, 0.55);
@@ -94,7 +94,7 @@ const cssStyles = `
         min-width: 265px;
         padding-top: 8px;
       }
-      .list-style {
+      .mew-list-style {
         width: 278px;
         height: 48px;
         color: rgba(0, 0, 0, 0.55);
@@ -109,11 +109,11 @@ const cssStyles = `
         position: relative;
         left: 30px
       }
-      .list-style li {
+      .mew-list-style li {
         margin-left: 0;
         padding-left: 10px;
       }
-      .bottom-background {
+      .mew-bottom-background {
         position: absolute;
         bottom: 0;
         right: 64px;
@@ -140,6 +140,24 @@ const cssStyles = `
         left: -15px;
         
       }
+
+      .bottom-container-mew-modal > .left {
+        margin-right: 15px;
+      }
+
+      .bottom-container-mew-modal > .center {
+        margin-right: 15px;
+      }
+
+      .bottom-container-mew-modal > .right {
+        align-items: flex-start;
+        text-align: left;
+      }
+
+      .bottom-container-mew-modal > .left-img {
+        padding-right: 10px;
+      }
+
       .bottom-container-mew-modal-text {
         font-family: 'Roboto', sans-serif;
         color: #050f19;
@@ -160,33 +178,17 @@ const cssStyles = `
         text-align: center;
       }
 
-      .left {
-        margin-right: 15px;
-      }
-
       .spaceman-background {
         background-color: white;
         border-radius: 10px;
       }
 
-      .center{
-        align-items: center;
-      }
-
-      .right {
-        align-items: flex-start;
-        text-align: left;
-      }
-
-      .left-img {
-        padding-right: 10px;
-      }
-
       p {
         margin: 0;
         padding-bottom: 5px;
       }
-      .bottom {
+
+      .mew-bottom {
         color: rgba(0, 0, 0, 0.55);
         font-size: 12px;
         font-family: 'Roboto', sans-serif;
@@ -219,11 +221,11 @@ const cssStyles = `
         color: #fffff;
       }
 
-      .hidden {
+      .mew-hidden {
         display: none;
       }
       
-      .get-text {
+      .mew-get-text {
         width: 265px;
         height: 16px;
         color: rgb(0, 0, 0);
@@ -233,7 +235,7 @@ const cssStyles = `
         letter-spacing: 0.17px;
       }
       
-      .camera-icon {
+      .mew-camera-icon {
           opacity: 0.54;
           position: relative;
           bottom: -2px;
@@ -241,15 +243,15 @@ const cssStyles = `
           width: 14px;
         }
         
-        #google-link:hover {
+        #mew-google-link:hover {
         cursor: pointer;
         }
         
-        #apple-link:hover {
+        #mew-apple-link:hover {
         cursor: pointer;
         }
         
-        .warn-color {
+        .mew-warn-color {
         color: orange;
         }
         
@@ -314,25 +316,25 @@ const htmlDesign = (
         </div>
       <div class="upper-text">
 
-        <p class="text-one">Connect to MEW&nbsp;wallet app</p>
-        <p class="text-two">Scan this code to connect</p>
+        <p class="mew-text-one">Connect to MEW&nbsp;wallet app</p>
+        <p class="mew-text-two">Scan this code to connect</p>
        </div>
         <div id="qr-failure"></div>
-        <div id="qr-code-connecting-mew" class="hidden"><div class="loader-mew"></div><h4>Connecting...</h4> Creating encrypted peer-to-peer connection </div>
-        <div id="qr-code-display-container-mew" class="qr-code">
+        <div id="qr-code-connecting-mew" class="mew-hidden"><div class="loader-mew"></div><h4>Connecting...</h4> Creating encrypted peer-to-peer connection </div>
+        <div id="qr-code-display-container-mew" class="mew-qr-code">
           <canvas id="canvas-for-mewconnect-qr-code"></canvas>
         </div>
-        <div id="refresh-container" class="refreshIcon hidden">
+        <div id="refresh-container" class="refreshIcon mew-hidden">
           Try Again <img id="refresh" src="${refresh}" />
         </div>
 
-        <ol class="list-style">
+        <ol class="mew-list-style">
           <li>Open MEW wallet app on your mobile device</li>
-          <li class="with-image">Click <img class="camera-icon" src="${camera}"> icon in the top right corner</li>
+          <li class="with-image">Click <img class="mew-camera-icon" src="${camera}"> icon in the top right corner</li>
           <li>Scan this code to connect</li>
         </ol>
       </div>
-      <div class="bottom-background">
+      <div class="mew-bottom-background">
         <div class="bottom-container-mew-modal">
           <div class="left">
             <img
@@ -344,10 +346,10 @@ const htmlDesign = (
           </div>
           <div class="center">
             <div class="right">
-              <p class="get-text">Don't have MEW&nbsp;wallet app?</p>
-              <p id="popupsBlocked" class="warn-color"></p>
+              <p class="mew-get-text">Don't have MEW&nbsp;wallet app?</p>
+              <p id="popupsBlocked" class="mew-warn-color"></p>
                       <a href="${iosLink}" target="_blank" id="appStore">               <img
-                  id="apple-link"
+                  id="mew-apple-link"
                   class="left-img"
                   src="${appStore}"
                   height="40"
@@ -355,7 +357,7 @@ const htmlDesign = (
                 /></a>
 
                       <a href="${androidLink}" target="_blank" id="playStore">                <img
-                  id="google-link"
+                  id="mew-google-link"
                   src="${playStore}"
                   height="40"
                   width="135"
@@ -367,7 +369,7 @@ const htmlDesign = (
           </div>
 
         </div>
-        <div class="bottom">
+        <div class="mew-bottom">
           Powered by <a href="https://myetherwallet.github.io/MEWconnect-Protocol-Documentation/" target="_blank" id="proto-link" class="bottom-link">MEWconnect protocol</a> <br />
           brought to you by <a href="https://www.myetherwallet.com/" target="_blank" id="mew-link" class="bottom-link">MyEtherWallet</a>
         </div>
@@ -383,11 +385,11 @@ const noticetext = `
       @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
 
 
-      div#Notifications.hidden {
+      div#Notifications.mew-hidden {
         visibility: hidden;
       }
       
-      div#Notifications.hidden {
+      div#Notifications.mew-hidden {
         visibility: hidden;
       }
 
@@ -395,10 +397,10 @@ const noticetext = `
         visibility: visible;
       }
       
-      div#qrcodeError.hidden {
+      div#qrcodeError.mew-hidden {
         visibility: hidden;
       }
-      div#retry-button-mew.hidden {
+      div#retry-button-mew.mew-hidden {
         display: none;
       }
 
@@ -734,12 +736,12 @@ const windowInformer = spaceman => {
               <button id="NotificationButton2" class="NotificationButton NotificationButton2">Cancel
               </button>
             </div>
-            <div id="retry-button-mew" class="NotificationAction hidden"><span
+            <div id="retry-button-mew" class="NotificationAction mew-hidden"><span
               class="NotificationButtonInfo NotificationButtonInfo2">Refresh QRcode and </span>
               <button id="NotificationButton3" class="NotificationButton NotificationButton2">Try Again
               </button>
             </div>
-              <div id="qrcodeError" class="NotificationError hidden"><span
+              <div id="qrcodeError" class="NotificationError mew-hidden"><span
               class="NotificationButtonInfo NotificationButtonInfo2">Failed to generate QR code. Please cancel and retry.</span>
             </div>
           </div>
@@ -752,8 +754,8 @@ const modalFrame = innerContent => {
   return `
     <div class="mew-wallet-modal is-visible" id="mew-wallet-modal"></div>
     <div class="mew-wallet-modal-container-mew-modal is-visible" id="mew-wallet-modal-container">
-      <div class="modal-dialog is-visible" id="mew-mobile-modal-dialog">
-        <section class="modal-content">
+      <div class="mew-wallet-modal-dialog is-visible" id="mew-mobile-modal-dialog">
+        <section class="mew-wallet-modal-content">
         ${innerContent}
         </section>
       </div>
@@ -765,7 +767,7 @@ const modalCSS = (additionalCss = '') => {
   return `
 ${additionalCss}
 
-      #mew-mobile-modal-dialog section.modal-content{
+      #mew-mobile-modal-dialog section.mew-wallet-modal-content{
         position: fixed;
         min-width: 448px;
         max-width: 448px;
@@ -799,7 +801,7 @@ ${additionalCss}
         z-index: 999999;
       }
 
-      div.modal-dialog {
+      div.mew-wallet-modal-dialog {
         position: fixed;
         background: rgb(255, 255, 255);
         border-radius: 16px;
@@ -844,13 +846,13 @@ ${additionalCss}
         background-color: transparent;
       }
 
-      div.modal-dialog.is-visible {
+      div.mew-wallet-modal-dialog.is-visible {
         visibility: visible;
         opacity: 1;
         z-index: 99999999999999;
       }
 
-      .modal-dialog > * {
+      .mew-wallet-modal-dialog > * {
        /* padding: 1rem; */
       }