diff --git a/packages/core/src/editor/Block.css b/packages/core/src/editor/Block.css
index 1c21c06dc9..3b7504261d 100644
--- a/packages/core/src/editor/Block.css
+++ b/packages/core/src/editor/Block.css
@@ -1,6 +1,18 @@
 /*
 BASIC STYLES
 */
+/* Fix placeholder alignment on mobile */
+@media (max-width: 600px) {
+  .bn-inline-content:has(> .ProseMirror-trailingBreak:only-child)::before {
+    position: relative !important;
+    top: 0 !important;
+    left: 0 !important;
+    margin-left: 4px !important;
+    display: inline-block !important;
+    line-height: inherit !important;
+  }
+}
+
 
 .bn-block-outer {
   line-height: 1.5;
@@ -33,8 +45,8 @@ BASIC STYLES
   transition: all 0.2s;
   /* Workaround for selection issue on Chrome, see #1588 and also here:
   https://discuss.prosemirror.net/t/mouse-down-selection-behaviour-different-on-chrome/8426
-  The :before element causes the selection to be set in the wrong place vs 
-  other browsers. Setting no height fixes this, while list item indicators are 
+  The :before element causes the selection to be set in the wrong place vs
+  other browsers. Setting no height fixes this, while list item indicators are
   still displayed fine as overflow is not hidden. */
   height: 0;
   overflow: visible;