No more padding shenanigans

Author: jordankzf

packages/sado-connect/src/assets/unisat-wallet.svg

@@ -6,15 +6,13 @@ interface WalletButtonProp {
   name: string;
   onConnect: () => Promise<boolean>;
   icon: string;
-  imageClassOverride?: string;
   setErrorMessage: (msg: string) => void;
 }
 
 export function WalletButton({
   name,
   onConnect,
   icon,
-  imageClassOverride,
   setErrorMessage,
 }: WalletButtonProp) {
   const [loading, setLoading] = useState(false);
@@ -35,11 +33,7 @@ export function WalletButton({
         }
       }}
     >
-      <img
-        src={icon}
-        className={imageClassOverride}
-        alt={`Connect ${name} Wallet`}
-      />
+      <img width={40} src={icon} alt={`Connect ${name} Wallet`} />
       <span className="wallet-option-label">{name}</span>
       {loading ? (
         <img

packages/sado-connect/src/assets/xverse-wallet.svg

@@ -197,7 +197,6 @@ export function SelectWalletModal({
                       <hr className="horizontal-separator" />
                       <WalletButton
                         name="Xverse"
-                        imageClassOverride="xverse-icon"
                         onConnect={onConnectXverseWallet}
                         icon={XverseWalletIcon}
                         setErrorMessage={setErrorMessage}

packages/sado-connect/src/components/SelectWalletModal/WalletButton.tsx

@@ -127,11 +127,6 @@
   cursor: wait !important;
 }
 
-.xverse-icon {
-  width: 30px;
-  padding: 5px;
-}
-
 .wallet-identifier-container {
   position: relative;
   display: inline-block;
@@ -141,11 +136,10 @@
   position: absolute;
   bottom: 4px;
   right: 0;
-  width: 7px;
+  width: 12px;
   border-radius: 50%;
   background-color: black;
   object-fit: cover;
-  padding: 3px;
 }
 
 .sado-connect-wallet-modal .wallet-option-button:hover {