diff --git a/packages/tldraw/src/components/TopPanel/TopPanel.tsx b/packages/tldraw/src/components/TopPanel/TopPanel.tsx
index 85ec98fc3..8a62281c0 100644
--- a/packages/tldraw/src/components/TopPanel/TopPanel.tsx
+++ b/packages/tldraw/src/components/TopPanel/TopPanel.tsx
@@ -52,8 +52,13 @@ const StyledTopPanel = styled('div', {
   right: 0,
   display: 'flex',
   flexDirection: 'row',
+  pointerEvents: 'none',
+  '& > *': {
+    pointerEvents: 'all',
+  },
 })
 
 const StyledSpacer = styled('div', {
   flexGrow: 2,
+  pointerEvents: 'none',
 })