Fix wallet row alignment in wide connect modal (#7425)

Author: joaquim-verges

.changeset/slow-sites-call.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix wallet row alignement in wide connect modal

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%",
   };

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`,
   };
 });