diff --git a/frontend/src/app/components/OnboardingV3/beats/BeatConnect.tsx b/frontend/src/app/components/OnboardingV3/beats/BeatConnect.tsx
index edac464a..c6d11a16 100644
--- a/frontend/src/app/components/OnboardingV3/beats/BeatConnect.tsx
+++ b/frontend/src/app/components/OnboardingV3/beats/BeatConnect.tsx
@@ -90,14 +90,14 @@ const BeatConnect: React.FC<{
return (
!connected && handleConnect(p.id)}
+ onClick={() => !isConnected && handleConnect(p.id)}
initial={{ opacity: 0, y: 14 }}
animate={{ opacity: 1, y: 0 }}
transition={{ type: 'spring', stiffness: 320, damping: 26, delay: 0.1 + i * 0.08 }}
style={{
display: 'flex', alignItems: 'center', gap: 14, padding: '0 0 0 18px', textAlign: 'left', overflow: 'hidden',
borderRadius: 14, border: 'none', boxShadow: isConnected ? '0 0 0 2px #1a9e6a, 0 10px 26px rgba(20,16,80,0.22)' : '0 10px 26px rgba(20,16,80,0.22)',
- background: '#ffffff', cursor: connected ? 'default' : 'pointer', fontFamily: 'inherit', minHeight: 64,
+ background: '#ffffff', cursor: isConnected ? 'default' : 'pointer', fontFamily: 'inherit', minHeight: 64,
}}
>
{p.name}
{/* The green ring + filled radio already signal connected, so no redundant "Connected" text. */}
- {!isConnected && isThis && !connected
+ {!isConnected && isThis
? waiting for sign-in...
: null}
@@ -123,7 +123,7 @@ const BeatConnect: React.FC<{
);
})}
- {userCode && !connected && (
+ {userCode && (
Your code: {userCode}