diff --git a/src/common/assets/content-editable.module.css b/src/common/assets/content-editable.module.css
index 8331659..cb9aff4 100644
--- a/src/common/assets/content-editable.module.css
+++ b/src/common/assets/content-editable.module.css
@@ -10,7 +10,7 @@
     border: none;
 }
 
-.root:empty::before {
+.root::before {
     content: attr(data-placeholder);
     color: var(--text-muted);
     font-style: italic;
diff --git a/src/common/components/ContentEditable.tsx b/src/common/components/ContentEditable.tsx
index 81328f6..b382563 100644
--- a/src/common/components/ContentEditable.tsx
+++ b/src/common/components/ContentEditable.tsx
@@ -108,7 +108,7 @@ export const ContentEditable = ({ value, placeholder, autoLines, onInput, class:
             contentEditable
             onKeyDown={handleKeyDown}
             onInput={handleInput}
-            data-placeholder={placeholder}
+            data-placeholder={value.replaceAll('\n', '').length ? undefined : placeholder}
             class={clsx(styles.root, autoLines && styles.autoLines, externalClass)}
             {...props}
         />