diff --git a/web/src/components/repeater/repeater-text-pane.tsx b/web/src/components/repeater/repeater-text-pane.tsx
index 960353b..14dfc16 100644
--- a/web/src/components/repeater/repeater-text-pane.tsx
+++ b/web/src/components/repeater/repeater-text-pane.tsx
@@ -102,7 +102,7 @@ export function RepeaterTextPane({
           <div
             ref={syntax}
             aria-hidden="true"
-            className="pointer-events-none absolute inset-y-0 right-0 left-12 overflow-hidden px-3 py-2 font-mono text-xs leading-5"
+            className="pointer-events-none absolute inset-y-0 right-0 left-12 z-20 overflow-hidden px-3 py-2 font-mono text-xs leading-5 text-foreground"
           >
             <HttpPacketSyntax
               raw={value}