diff --git a/apps/web/src/components/ui/report/elements/ToggleNode.tsx b/apps/web/src/components/ui/report/elements/ToggleNode.tsx
index da6df98b1..f1e3d9167 100644
--- a/apps/web/src/components/ui/report/elements/ToggleNode.tsx
+++ b/apps/web/src/components/ui/report/elements/ToggleNode.tsx
@@ -1,6 +1,6 @@
 import { useToggleButton, useToggleButtonState } from '@platejs/toggle/react';
 import type { PlateElementProps } from 'platejs/react';
-import { PlateElement } from 'platejs/react';
+import { PlateElement, useElement, useElementSelector } from 'platejs/react';
 import { Button } from '@/components/ui/buttons';
 import { ChevronRight } from '@/components/ui/icons';
 import { cn } from '@/lib/classMerge';
@@ -9,6 +9,7 @@ export function ToggleElement(props: PlateElementProps) {
   const element = props.element;
   const state = useToggleButtonState(element.id as string);
   const { buttonProps, open } = useToggleButton(state);
+  const hasContent = element.children.some((child) => child.text);
 
   return (
     <PlateElement {...props} className="pl-6">
@@ -24,6 +25,14 @@ export function ToggleElement(props: PlateElementProps) {
           </div>
         }
       />
+      {!hasContent && (
+        <span
+          contentEditable={false}
+          className="absolute top-0 left-6.5 select-none text-text-tertiary pointer-events-none"
+        >
+          Type here...
+        </span>
+      )}
       {props.children}
     </PlateElement>
   );