diff --git a/src/components/connectOverlay/ConnectOverlay.tsx b/src/components/connectOverlay/ConnectOverlay.tsx
index 52a5a99..840984f 100644
--- a/src/components/connectOverlay/ConnectOverlay.tsx
+++ b/src/components/connectOverlay/ConnectOverlay.tsx
@@ -378,12 +378,12 @@ const ConnectOverlay: React.FC<Props> = ({
                                 {window.localStorage.getItem('walletProvider')}
                             </p>
                         </div>
-                        <div
-                            className="border border-red-300 rounded-xl py-4 px-6 bg-red-100"
+                        <button
+                            className="border border-red-300 rounded-xl py-4 px-6 bg-red-100 active:bg-red-200"
                             onClick={handleDisconnect}
                         >
                             <p className="text-base font-normal">Disconnect</p>
-                        </div>
+                        </button>
                     </div>
                 </div>
             )}