diff --git a/client/dev-dist/sw.js b/client/dev-dist/sw.js
index 22806ed..aa31e0c 100644
--- a/client/dev-dist/sw.js
+++ b/client/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-20a2f87f'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.qiado3ofr4g"
+    "revision": "0.d3t8v1f51lg"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/client/src/components/CartridgeController/ControllerConnectButton.tsx b/client/src/components/CartridgeController/ControllerConnectButton.tsx
index 855a724..f754772 100644
--- a/client/src/components/CartridgeController/ControllerConnectButton.tsx
+++ b/client/src/components/CartridgeController/ControllerConnectButton.tsx
@@ -1,20 +1,26 @@
-import { useConnect, useAccount } from "@starknet-react/core";
+import { useConnect, useAccount, useDisconnect} from "@starknet-react/core";
 import dojo from '../../img/dojo-icon.svg'
 
 const ControllerConnectButton = () => {
   const { connect, connectors } = useConnect();
   const { address, status } = useAccount();
+  const { disconnect } = useDisconnect()
 
   return (
     <div>
       {connectors.map((connector) => (
         status === "connected" ? (
-          <button
-            key={connector.id}
-            className="connect-btn"
-          >
-            Account ...{address?.slice(-6)}
-          </button>
+          <div key={connector.id}>
+            <button className="connect-btn">
+              Account ...{address?.slice(-6)}
+            </button>
+            <button
+              onClick={() => disconnect()}
+              className="connect-btn"
+            >
+              Disconnect
+            </button>
+          </div>
         ) : (
           <button
             key={connector.id}