From b96dc115587b460201ee07903c0c4cbfafd32f50 Mon Sep 17 00:00:00 2001
From: mfahampshire <maxhampshire@pm.me>
Date: Wed, 10 Jun 2026 10:19:43 +0100
Subject: [PATCH] Coderabbit

---
 .../docs/components/demos/railgun/RailgunDemo.tsx        | 4 ++--
 documentation/docs/components/demos/shared/mixTunnel.tsx | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/documentation/docs/components/demos/railgun/RailgunDemo.tsx b/documentation/docs/components/demos/railgun/RailgunDemo.tsx
index 89690b5f3c..fe3e122eea 100644
--- a/documentation/docs/components/demos/railgun/RailgunDemo.tsx
+++ b/documentation/docs/components/demos/railgun/RailgunDemo.tsx
@@ -284,10 +284,10 @@ export function RailgunDemo() {
         <div style={legend}>Public Sepolia state</div>
         <div style={row}>
           <label style={sub}>RPC</label>
-          <select style={input} value={RPC_PRESETS.includes(rpc) ? rpc : ''} onChange={(e) => { setRpc(e.target.value); providerRef.current = null; }}>
+          <select style={input} value={RPC_PRESETS.includes(rpc) ? rpc : ''} disabled={connected || busy} onChange={(e) => { setRpc(e.target.value); providerRef.current = null; }}>
             {RPC_PRESETS.map((u) => <option key={u} value={u}>{u}</option>)}
           </select>
-          <input style={input} value={rpc} onChange={(e) => { setRpc(e.target.value); providerRef.current = null; }} />
+          <input style={input} value={rpc} disabled={connected || busy} onChange={(e) => { setRpc(e.target.value); providerRef.current = null; }} />
         </div>
         <div style={row}>
           <Button onClick={checkBalance} disabled={!connected || !hasWallet || busy}>Check balance</Button>
diff --git a/documentation/docs/components/demos/shared/mixTunnel.tsx b/documentation/docs/components/demos/shared/mixTunnel.tsx
index 3323039f37..300111eb29 100644
--- a/documentation/docs/components/demos/shared/mixTunnel.tsx
+++ b/documentation/docs/components/demos/shared/mixTunnel.tsx
@@ -180,9 +180,14 @@ export function MixTunnelSetup({
         <Button onClick={connect} disabled={connected || busy || terminated}>{busy && !connected ? 'Connecting...' : 'Connect to mixnet'}</Button>
         <Button onClick={disconnect} disabled={!connected || busy}>Disconnect</Button>
         <StatusText status={status} />
-        <label style={{ ...sub, marginLeft: 'auto', cursor: 'pointer' }} onClick={() => setShowAdvanced((v) => !v)}>
+        <button
+          type="button"
+          aria-expanded={showAdvanced}
+          style={{ ...sub, marginLeft: 'auto', cursor: 'pointer', background: 'none', border: 'none', padding: 0, fontFamily: 'inherit', fontWeight: 'inherit', color: 'inherit' }}
+          onClick={() => setShowAdvanced((v) => !v)}
+        >
           {showAdvanced ? '▾ advanced' : '▸ advanced'}
-        </label>
+        </button>
       </div>
 
       {showAdvanced && (