diff --git a/web_src/css/modules/charescape.css b/web_src/css/modules/charescape.css
index 0bbd0dd573f..b72d7bdf452 100644
--- a/web_src/css/modules/charescape.css
+++ b/web_src/css/modules/charescape.css
@@ -11,14 +11,20 @@ Only show the real-char:
   background: var(--color-text-light-1);
 }
 
+.broken-code-point[data-escaped] {
+  position: relative;
+}
+
 .broken-code-point[data-escaped]::before {
   visibility: visible;
   content: attr(data-escaped);
   color: var(--color-red);
 }
+
 .broken-code-point[data-escaped] .char {
-  /* make it copyable by selecting the text (AI suggestion, no other solution) */
+  /* keep the original character selectable/copyable while showing the escaped label via ::before */
   position: absolute;
+  left: 0;
   opacity: 0;
   pointer-events: none;
 }