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>