From 7f767f462e06b7391203a6746e9c97643c3ba355 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 22 Aug 2025 03:54:00 +0000
Subject: [PATCH] web(report): use Tailwind border-border for editor divider
 (hr) to respect global theme

---
 apps/web/src/components/ui/report/elements/HrNode.tsx       | 2 +-
 apps/web/src/components/ui/report/elements/HrNodeStatic.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/ui/report/elements/HrNode.tsx b/apps/web/src/components/ui/report/elements/HrNode.tsx
index 04e963cea..af027b000 100644
--- a/apps/web/src/components/ui/report/elements/HrNode.tsx
+++ b/apps/web/src/components/ui/report/elements/HrNode.tsx
@@ -18,7 +18,7 @@ export function HrElement(props: PlateElementProps) {
       <div className="py-6" contentEditable={false}>
         <hr
           className={cn(
-            'bg-muted h-0.5 rounded-sm border-none bg-clip-content',
+            'border-border border-0 border-t',
             selected && focused && 'ring-ring ring-2 ring-offset-2',
             !readOnly && 'cursor-pointer'
           )}
diff --git a/apps/web/src/components/ui/report/elements/HrNodeStatic.tsx b/apps/web/src/components/ui/report/elements/HrNodeStatic.tsx
index cfffa898c..7e5ef0e4d 100644
--- a/apps/web/src/components/ui/report/elements/HrNodeStatic.tsx
+++ b/apps/web/src/components/ui/report/elements/HrNodeStatic.tsx
@@ -10,7 +10,7 @@ export function HrElementStatic(props: SlateElementProps) {
   return (
     <SlateElement {...props}>
       <div className="cursor-text py-6" contentEditable={false}>
-        <hr className={cn('bg-muted h-0.5 rounded-sm border-none bg-clip-content')} />
+        <hr className={cn('border-border border-0 border-t')} />
       </div>
       {props.children}
     </SlateElement>