diff --git a/apps/web/src/components/editor/header.js b/apps/web/src/components/editor/header.js
index 08d59073c..46d7fd7b9 100644
--- a/apps/web/src/components/editor/header.js
+++ b/apps/web/src/components/editor/header.js
@@ -100,9 +100,11 @@ function Header() {
           <Icon.FocusMode size={30} />
         )}
       </Flex>
-      <Flex alignItems="center" onClick={() => toggleProperties()} pr={3}>
-        <Icon.Properties size={30} />
-      </Flex>
+      {!isFocusMode && (
+        <Flex alignItems="center" onClick={() => toggleProperties()} pr={3}>
+          <Icon.Properties size={30} />
+        </Flex>
+      )}
     </Flex>
   );
 }