diff --git a/src-web/components/core/Editor/Editor.css b/src-web/components/core/Editor/Editor.css
index 883144ec..7ee46744 100644
--- a/src-web/components/core/Editor/Editor.css
+++ b/src-web/components/core/Editor/Editor.css
@@ -52,10 +52,10 @@
     }
 
     .placeholder-widget {
-      @apply text-xs text-gray-800 dark:text-gray-900 px-1 rounded cursor-default dark:shadow;
+      @apply text-xs text-violet-700 dark:text-violet-800 px-1 rounded cursor-default dark:shadow;
 
       /* NOTE: Background and border are translucent so we can see text selection through it */
-      @apply bg-gray-300/40 border border-gray-300 border-opacity-40;
+      @apply bg-violet-400/30 border border-violet-500/20 border-opacity-40;
 
       /* Bring above on hover */
       @apply hover:z-10 relative;