diff --git a/packages/client/src/components/Header/Header.tsx b/packages/client/src/components/Header/Header.tsx
index 049cb01..f9a2b91 100644
--- a/packages/client/src/components/Header/Header.tsx
+++ b/packages/client/src/components/Header/Header.tsx
@@ -42,7 +42,9 @@ const HeaderLeft = () => {
     <div className="box">
       <AccountStanding />
       <Button onPress={() => setInfoSidebar(true)}>Info</Button>
-      <Button onPress={() => Debug.openDebugTools()}>Debug Tools</Button>
+      {import.meta.env.DEV && (
+        <Button onPress={() => Debug.openDebugTools()}>Debug Tools</Button>
+      )}
     </div>
   );
 };