diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx
index d35909a..c6860fe 100644
--- a/apps/web/src/App.tsx
+++ b/apps/web/src/App.tsx
@@ -150,7 +150,9 @@ export function App() {
 
 	const handlePin = useCallback(() => {
 		if (selectedCreatureId) {
-			setPinnedCreatureId(selectedCreatureId);
+			setPinnedCreatureId((prev) =>
+				prev === selectedCreatureId ? null : selectedCreatureId,
+			);
 		}
 	}, [selectedCreatureId]);