diff --git a/dapp/src/components/Navbar/ConnectWallet.tsx b/dapp/src/components/Navbar/ConnectWallet.tsx
index e7302cd49..62838f620 100644
--- a/dapp/src/components/Navbar/ConnectWallet.tsx
+++ b/dapp/src/components/Navbar/ConnectWallet.tsx
@@ -25,10 +25,13 @@ function ConnectButton({
   account,
   requestAccount,
 }: ConnectButtonsProps) {
+  const styles = !account ? { color: "error", borderColor: "error" } : undefined
   return (
     <Button
       variant="outline"
+      sx={styles}
       leftIcon={<Image src={leftIcon} />}
+      // TODO: Add a tooltip here
       rightIcon={!account ? <Image src={rightIcon} /> : undefined}
       onClick={requestAccount}
     >
diff --git a/dapp/src/theme/utils/colors.ts b/dapp/src/theme/utils/colors.ts
index 6a271c7d9..5ea1f1720 100644
--- a/dapp/src/theme/utils/colors.ts
+++ b/dapp/src/theme/utils/colors.ts
@@ -4,6 +4,7 @@ export const colors = {
   white: "#FFF",
   black: "#000",
   purple: "#7D00FF",
+  error: "#F00",
   grey: {
     50: "rgba(255, 255, 255, 0.50)",
     80: "rgba(255, 255, 255, 0.80)",