Merge pull request #2013 from Web3Auth/fix/connect-with-wallet-btn

btn fix
Web3Auth · Nov 16, 2024 · 5f747f1 · 5f747f1
2 parents 3ed531d + a9d109c
commit 5f747f1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/ui/src/components/Modal.tsx b/packages/ui/src/components/Modal.tsx
@@ -140,13 +140,14 @@ export default function Modal(props: ModalProps) {
   const isExternalPrimary = modalState.socialLoginsConfig?.uiConfig?.primaryButton === "externalLogin";
 
   const externalWalletButton = (
-    <div className="w3ajs-external-wallet w3a-group">
+    <div className="w3ajs-external-wallet w3a-group w3a--w-full">
       <div className="w3a-external-toggle w3ajs-external-toggle">
         {/* <div className="w3a-group__title">{t("modal.external.title")}</div> */}
         <Button
           variant={isExternalPrimary ? "primary" : "tertiary"}
           type="button"
-          className="w-full w3ajs-external-toggle__button"
+          className="w3a--w-full w3ajs-external-toggle__button"
+          style={{ width: "100%" }}
           onClick={() => {
             setModalState((prevState) => {
               return {

diff --git a/packages/ui/src/css/web3auth.css b/packages/ui/src/css/web3auth.css
@@ -347,7 +347,7 @@
 }
 
 #w3a-modal .w3a-external-toggle {
-  @apply w3a--block;
+  @apply w3a--block !w3a--w-full;
 }
 
 #w3a-modal .w3a-external-toggle.w3a-external-toggle--hidden {