diff --git a/src/devToolUI.tsx b/src/devToolUI.tsx
index 7a58f58..f27b7a2 100644
--- a/src/devToolUI.tsx
+++ b/src/devToolUI.tsx
@@ -33,6 +33,7 @@ export const DevToolUI: React.FC<DevtoolUIProps> = ({
   });
 
   const position = getPositionByPlacement(placement, 0, 0);
+  const visibility = state.visible ? 'visible' : 'hidden';
 
   return (
     <>
@@ -61,6 +62,7 @@ export const DevToolUI: React.FC<DevtoolUIProps> = ({
             height: '100vh',
             width: 250,
             zIndex: 99999,
+            visibility,
             background: colors.buttonBlue,
             display: 'grid',
             textAlign: 'left',