diff --git a/packages/pl-fe/src/features/compose/editor/index.tsx b/packages/pl-fe/src/features/compose/editor/index.tsx
index 5786bbcde..994cdeb9d 100644
--- a/packages/pl-fe/src/features/compose/editor/index.tsx
+++ b/packages/pl-fe/src/features/compose/editor/index.tsx
@@ -200,12 +200,7 @@ const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(({
             </div>
           }
           placeholder={(
-            <div
-              className={clsx(
-                'pointer-events-none absolute top-0 select-none text-[1rem] text-gray-600 dark:placeholder:text-gray-600',
-                placeholderClassName,
-              )}
-            >
+            <div className={placeholderClassName}>
               {textareaPlaceholder}
             </div>
           )}
diff --git a/packages/pl-fe/src/styles/new/compose.scss b/packages/pl-fe/src/styles/new/compose.scss
index 6bfc2adc6..3d594c99a 100644
--- a/packages/pl-fe/src/styles/new/compose.scss
+++ b/packages/pl-fe/src/styles/new/compose.scss
@@ -30,6 +30,11 @@
     background-color: transparent !important;
   }
 
+  &__editor__placeholder {
+    @apply pointer-events-none absolute top-0 select-none text-[1rem] text-gray-600 dark:placeholder:text-gray-600;
+    visibility: visible !important;
+  }
+
   &:not(&--transparent) &__editor {
     @apply rounded-md border-gray-400 px-3 py-2 ring-2 focus-within:border-primary-500 focus-within:ring-primary-500 dark:border-gray-800 dark:ring-gray-800 dark:focus-within:border-primary-500 dark:focus-within:ring-primary-500;