diff --git a/src/plugins/Controls/index.tsx b/src/plugins/Controls/index.tsx
index 8d528136..2730c61c 100644
--- a/src/plugins/Controls/index.tsx
+++ b/src/plugins/Controls/index.tsx
@@ -34,7 +34,7 @@ export default ({ style, className }: ControlProps) => {
       }}
     >
       <div
-        className="react-flow__controls-button react-flow__controls-lock"
+        className={`react-flow__controls-button react-flow__controls-${isInteractive? 'unlocked' : 'locked' }`}
         onClick={() => setInteractive(!isInteractive)}
       >
         { isInteractive ? <UnlockIcon /> : <LockIcon /> }