feat(ui): update style for confirm connect wallet modal

src/ui/pages/Menu/components/ConfirmConnectModal/ConfirmConnectModal.scss

@@ -64,6 +64,10 @@
       width: 100%;
       --border-radius: 2rem;
       margin-bottom: 2rem;
+
+      &.md {
+        --box-shadow: none;
+      }
     }
   }
 
@@ -90,5 +94,19 @@
         }
       }
     }
+
+    &.responsive-modal .responsive-modal-content {
+      .confirm-modal-id {
+        padding: 0.875rem 1.5rem;
+
+        & > span {
+          font-size: 0.875rem;
+        }
+      }
+
+      .confirm-connect-submit {
+        margin-bottom: 1.5rem;
+      }
+    }
   }
 }

src/ui/pages/Menu/components/ConfirmConnectModal/ConfirmConnectModal.tsx

@@ -9,6 +9,7 @@ import { writeToClipboard } from "../../../../utils/clipboard";
 import { setToastMsg } from "../../../../../store/reducers/stateCache";
 import { ToastMsgType } from "../../../../globals/types";
 import { useAppDispatch } from "../../../../../store/hooks";
+import { combineClassNames } from "../../../../utils/style";
 
 const ConfirmConnectModal = ({
   openModal,
@@ -59,6 +60,11 @@ const ConfirmConnectModal = ({
     closeModal();
   };
 
+  const confirmClass = combineClassNames("confirm-connect-submit", {
+    "primary-button": isConnectModal,
+    "secondary-button": !isConnectModal,
+  });
+
   return (
     <OptionModal
       modalIsOpen={openModal}
@@ -92,7 +98,7 @@ const ConfirmConnectModal = ({
         <IonIcon icon={copyOutline} />
       </div>
       <IonButton
-        className="confirm-connect-submit primary-button"
+        className={confirmClass}
         data-testid="confirm-connect-btn"
         onClick={confirm}
       >

src/ui/pages/Menu/components/ConnectWallet/ConnectWallet.scss

@@ -23,5 +23,6 @@
     width: fit-content;
     --checkbox-background-checked: var(--ion-color-primary-gradient);
     --checkmark-color: var(--ion-color-primary);
+    --border-width: 0;
   }
 }