From c18183cef99ea7897d0e3ecf7a5de86e9bca44ed Mon Sep 17 00:00:00 2001
From: Joaquim Verges <joaquim.verges@gmail.com>
Date: Tue, 24 Jun 2025 10:57:52 +1200
Subject: [PATCH] Fix wallet row alignment in wide connect modal

---
 .changeset/slow-sites-call.md                                | 5 +++++
 .../src/react/web/ui/ConnectWallet/WalletEntryButton.tsx     | 3 +--
 .../src/react/web/ui/ConnectWallet/WalletSelector.tsx        | 5 +++--
 3 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/slow-sites-call.md

diff --git a/.changeset/slow-sites-call.md b/.changeset/slow-sites-call.md
new file mode 100644
index 00000000000..6c14dc8f263
--- /dev/null
+++ b/.changeset/slow-sites-call.md
@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix wallet row alignement in wide connect modal
diff --git a/packages/thirdweb/src/react/web/ui/ConnectWallet/WalletEntryButton.tsx b/packages/thirdweb/src/react/web/ui/ConnectWallet/WalletEntryButton.tsx
index 0f9191c54f4..2592c30c8b8 100644
--- a/packages/thirdweb/src/react/web/ui/ConnectWallet/WalletEntryButton.tsx
+++ b/packages/thirdweb/src/react/web/ui/ConnectWallet/WalletEntryButton.tsx
@@ -103,15 +103,14 @@ export const WalletButtonEl = /* @__PURE__ */ StyledButton((_) => {
       backgroundColor: theme.colors.tertiaryBg,
     },
     alignItems: "center",
-    all: "unset",
     borderRadius: radius.md,
     boxSizing: "border-box",
     color: theme.colors.secondaryText,
     cursor: "pointer",
     display: "flex",
+    flexDirection: "row",
     gap: spacing.sm,
     padding: `${spacing.xs} ${spacing.xs}`,
-    position: "relative",
     transition: "background-color 200ms ease, transform 200ms ease",
     width: "100%",
   };
diff --git a/packages/thirdweb/src/react/web/ui/ConnectWallet/WalletSelector.tsx b/packages/thirdweb/src/react/web/ui/ConnectWallet/WalletSelector.tsx
index 584f44e97a3..2fc370a6611 100644
--- a/packages/thirdweb/src/react/web/ui/ConnectWallet/WalletSelector.tsx
+++ b/packages/thirdweb/src/react/web/ui/ConnectWallet/WalletSelector.tsx
@@ -710,11 +710,12 @@ const ShowAllWalletsIcon = /* @__PURE__ */ StyledDiv(() => {
     border: `2px solid ${theme.colors.borderColor}`,
     borderRadius: radius.md,
     display: "grid",
+    gap: spacing["4xs"],
     gridTemplateColumns: "1fr 1fr",
-    height: `${iconSize.lg}px`,
+    height: `${iconSize.xl}px`,
     justifyItems: "center",
     padding: spacing.xs,
-    width: `${iconSize.lg}px`,
+    width: `${iconSize.xl}px`,
   };
 });