diff --git a/src/components/dapp/Connected.tsx b/src/components/dapp/Connected.tsx
index 35ac40edd..1e99c1c5d 100644
--- a/src/components/dapp/Connected.tsx
+++ b/src/components/dapp/Connected.tsx
@@ -1,4 +1,4 @@
-import { Button, type ButtonProps, Modal, WalletConnectors } from "../..";
+import { Button, type ButtonProps, Icon, Modal, WalletConnectors } from "../..";
 import { useWalletContext } from "../../context/Wallet.context";
 
 export type ConnectedProps = ButtonProps & {
@@ -15,7 +15,7 @@ export default function Connected({ hideSpyMode = false, children, ...props }: C
         className="mx-auto w-full max-w-[500px]"
         modal={<WalletConnectors hideSpyMode={hideSpyMode} />}>
         <Button look="hype" size="md" {...props}>
-          Connect
+          Connect Wallet <Icon remix="RiArrowRightUpLine" />
         </Button>
       </Modal>
     );
diff --git a/src/components/dapp/WalletButton.tsx b/src/components/dapp/WalletButton.tsx
index d4214f03d..57ba0ebba 100644
--- a/src/components/dapp/WalletButton.tsx
+++ b/src/components/dapp/WalletButton.tsx
@@ -46,7 +46,7 @@ export default function WalletButton({ select, connect, status, hideSpyMode = fa
         className="mx-auto w-full max-w-[500px]"
         modal={<WalletConnectors hideSpyMode={hideSpyMode} />}>
         {connect || (
-          <Button look="hype" size="lg" {...props}>
+          <Button look="hype" size="md" {...props}>
             Connect
           </Button>
         )}
@@ -83,7 +83,7 @@ export default function WalletButton({ select, connect, status, hideSpyMode = fa
           </>
         }>
         {status || (
-          <Button look="hype" size="lg" className="w-full justify-center">
+          <Button look="hype" size="md" className="w-full justify-center">
             {Fmt.address(address, "short")}
           </Button>
         )}