diff --git a/src/__tests__/widgets/walletmodal.test.tsx b/src/__tests__/widgets/walletmodal.test.tsx
index 682b2e3a..f9cba7d0 100644
--- a/src/__tests__/widgets/walletmodal.test.tsx
+++ b/src/__tests__/widgets/walletmodal.test.tsx
@@ -63,7 +63,7 @@ it("renders ConnectModal correctly", () => {
style="z-index: 1; opacity: 1; transform: none; user-select: none;"
>
{
class="css-1wgf5ji-PrioritizedWallets"
>
diff --git a/src/widgets/WalletModal/components/styles.ts b/src/widgets/WalletModal/components/styles.ts
index 85f2000e..471effcd 100644
--- a/src/widgets/WalletModal/components/styles.ts
+++ b/src/widgets/WalletModal/components/styles.ts
@@ -22,7 +22,7 @@ const styles: Record<
flexWrap: "wrap",
position: "absolute",
width: "100%",
- maxWidth: ["248px", "248px", "580px"],
+ maxWidth: ["240px", "240px", "580px"],
flexDirection: "column",
justifyContent: "space-between",
height: ["325px", "325px", "390px"],
@@ -54,13 +54,13 @@ const styles: Record<
mb: "-15px",
maxHeight: ["273px", "273px", "335px"],
overflowY: "auto",
- width: ["248px", "248px", "580px"],
+ width: ["240px", "240px", "580px"],
},
prioritizedContainer: {
flexWrap: "wrap",
position: "absolute",
width: "100%",
- maxWidth: ["248px", "248px", "580px"],
+ maxWidth: ["240px", "240px", "580px"],
},
infoContainer: {
flexWrap: "wrap",
@@ -86,13 +86,13 @@ const styles: Record<
mt: ["15px", "15px", "30px"],
},
button: {
- width: ["112px", "112px", "128px"],
+ width: ["110px", "110px", "128px"],
flexDirection: "column",
minHeight: ["84px", "84px", "114px"],
justifyContent: "flex-start",
mb: "15px",
mr: ["5px", "5px", "15px"],
- padding: "0",
+ padding: "0 12px",
background: "white4",
fontSize: ["12px", "12px", "16px"],
},
@@ -107,8 +107,8 @@ const styles: Record<
justifyContent: "center",
},
walletName: {
- lineHeight: "18px",
- mt: "6px",
+ lineHeight: ["14px", "14px", "18px"],
+ mt: ["3px", "3px", "6px"],
fontSize: ["12px", "12px", "14px"],
fontWeight: 700,
},
diff --git a/src/widgets/WalletModal/config.tsx b/src/widgets/WalletModal/config.tsx
index 65a495df..1badcca3 100644
--- a/src/widgets/WalletModal/config.tsx
+++ b/src/widgets/WalletModal/config.tsx
@@ -26,23 +26,13 @@ const connectors: Config[] = [
connectorId: ConnectorNames.Injected,
},
{
- title: "Brave Wallet",
- icon: Brave,
- connectorId: ConnectorNames.Injected,
- },
- {
- title: "Social Login",
- icon: TorusWallet,
- connectorId: ConnectorNames.Torus,
- },
- {
- title: "WalletConnect",
+ title: "Wallet Connect",
icon: WalletConnect,
connectorId: ConnectorNames.WalletConnect,
},
{
- title: "SafePal Wallet",
- icon: SafePalWallet,
+ title: "Bitkeep",
+ icon: Bitkeep,
connectorId: ConnectorNames.Injected,
},
{
@@ -51,15 +41,30 @@ const connectors: Config[] = [
connectorId: ConnectorNames.Injected,
},
{
- title: "Coinbase Wallet",
- icon: Coinbase,
- connectorId: ConnectorNames.Walletlink,
+ title: "SafePal Wallet",
+ icon: SafePalWallet,
+ connectorId: ConnectorNames.Injected,
},
{
title: "Binance Chain Wallet",
icon: BinanceChain,
connectorId: ConnectorNames.BSC,
},
+ {
+ title: "Brave Wallet",
+ icon: Brave,
+ connectorId: ConnectorNames.Injected,
+ },
+ {
+ title: "Social Login",
+ icon: TorusWallet,
+ connectorId: ConnectorNames.Torus,
+ },
+ {
+ title: "Coinbase Wallet",
+ icon: Coinbase,
+ connectorId: ConnectorNames.Walletlink,
+ },
{
title: "Unstoppable Domains",
icon: Unstoppable,
@@ -75,11 +80,6 @@ const connectors: Config[] = [
icon: OntoWallet,
connectorId: ConnectorNames.Injected,
},
- {
- title: "Bitkeep",
- icon: Bitkeep,
- connectorId: ConnectorNames.Injected,
- },
{
title: "MathWallet",
icon: MathWallet,