diff --git a/services/web/frontend/js/shared/hooks/use-detach-layout.js b/services/web/frontend/js/shared/hooks/use-detach-layout.js
index b864deb0b0..9425f19e78 100644
--- a/services/web/frontend/js/shared/hooks/use-detach-layout.js
+++ b/services/web/frontend/js/shared/hooks/use-detach-layout.js
@@ -29,6 +29,15 @@ export default function useDetachLayout() {
     setIsLinking(false)
   }, [isLinked, setIsLinking])
 
+  useEffect(() => {
+    if (debugPdfDetach) {
+      console.log('Effect', { role, isLinked })
+    }
+    if (role === 'detached' && isLinked) {
+      eventTracking.sendMB('project-layout-detached')
+    }
+  }, [role, isLinked])
+
   useEffect(() => {
     if (uiTimeoutRef.current) {
       clearTimeout(uiTimeoutRef.current)