diff --git a/apps/web/src/components/editor/toolbar.js b/apps/web/src/components/editor/toolbar.js
index a06027945..35148a6d5 100644
--- a/apps/web/src/components/editor/toolbar.js
+++ b/apps/web/src/components/editor/toolbar.js
@@ -77,10 +77,27 @@ function Toolbar(props) {
         title: "Properties",
         icon: Icon.Properties,
         enabled: true,
-        onClick: toggleProperties,
+        onClick: () => {
+          if (!sessionId) {
+            showToast(
+              "error",
+              "Please start writing a note to use properties."
+            );
+            return;
+          }
+          toggleProperties();
+        },
       },
     ],
-    [quill, redoable, undoable, toggleFocusMode, toggleProperties, isFocusMode]
+    [
+      quill,
+      redoable,
+      undoable,
+      toggleFocusMode,
+      toggleProperties,
+      isFocusMode,
+      sessionId,
+    ]
   );
 
   return (