fix dice setup modal

Author: eisbilir

src/shared/components/Settings/Account/Security/Modal/style.scss

@@ -24,13 +24,14 @@
   padding: 32px;
   box-shadow: 0 0 1px 5px rgba(0, 0, 0, 0.2);
   border-radius: 8px;
-  overflow: hidden;
+  overflow: auto;
   transform: translate(-50%, -50%);
   z-index: 951;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 24px;
+  max-height: 99%;
 
   .header {
     display: flex;
@@ -79,7 +80,7 @@
 
   .divider {
     width: 100%;
-    height: 2px;
+    min-height: 2px;
     background-color: #e9e9e9;
     border-radius: 1px;
   }

src/shared/components/Settings/Account/Security/index.jsx

@@ -139,6 +139,9 @@ export default function Security({
   };
 
   const goToVerification = () => {
+    if (!getConnectionAccepted()) {
+      return;
+    }
     setSetupStep(2);
     verificationPopup();
   };
@@ -309,7 +312,7 @@ export default function Security({
               </div>
               <div styleName="info-second-line">
                 Status of MFA for your Topcoder account.
-                If enabled, MFA will be enofrced during the Topcoder login process.
+                If enabled, MFA will be enforced during the Topcoder login process.
               </div>
             </div>
             <div className="onoffswitch" styleName="on-off-switch">