diff --git a/packages/lexical-playground/src/ui/ContentEditable.css b/packages/lexical-playground/src/ui/ContentEditable.css
index 66ec2b92a17..efced7fc1bc 100644
--- a/packages/lexical-playground/src/ui/ContentEditable.css
+++ b/packages/lexical-playground/src/ui/ContentEditable.css
@@ -29,15 +29,15 @@
   position: absolute;
   text-overflow: ellipsis;
   top: 8px;
-  left: 8px;
-  right: 8px;
+  left: 28px;
+  right: 28px;
   user-select: none;
   white-space: nowrap;
   display: inline-block;
   pointer-events: none;
 }
 @media (max-width: 1025px) {
-  .Placeholder__root {
+  .ContentEditable__placeholder {
     left: 8px;
     right: 8px;
   }