diff --git a/css/xterm.css b/css/xterm.css
index 2f84c8597f..95fc61edcb 100644
--- a/css/xterm.css
+++ b/css/xterm.css
@@ -183,3 +183,8 @@
     right: 0;
     pointer-events: none;
 }
+
+.xterm-decoration-top {
+    z-index: 2;
+    position: relative;
+}
diff --git a/src/browser/renderer/dom/DomRendererRowFactory.ts b/src/browser/renderer/dom/DomRendererRowFactory.ts
index bf3939e897..4bed48e505 100644
--- a/src/browser/renderer/dom/DomRendererRowFactory.ts
+++ b/src/browser/renderer/dom/DomRendererRowFactory.ts
@@ -195,6 +195,11 @@ export class DomRendererRowFactory {
         isTop = d.options.layer === 'top';
       }
 
+      // If it's a top decoration, render above the selection
+      if (isTop) {
+        charElement.classList.add(`xterm-decoration-top`);
+      }
+
       // Foreground
       switch (fgColorMode) {
         case Attributes.CM_P16: