diff --git a/web/chat/chat-thread-ancestors.css b/web/chat/chat-thread-ancestors.css
--- a/web/chat/chat-thread-ancestors.css
+++ b/web/chat/chat-thread-ancestors.css
@@ -29,7 +29,7 @@
   border-radius: 0px 2px 2px 0px;
 }
 
-div.ancestorSeparator {
+svg.ancestorSeparator {
   color: var(--thread-ancestor-separator-color);
 }
 
diff --git a/web/chat/chat-thread-ancestors.react.js b/web/chat/chat-thread-ancestors.react.js
--- a/web/chat/chat-thread-ancestors.react.js
+++ b/web/chat/chat-thread-ancestors.react.js
@@ -71,9 +71,11 @@
     }
     return (
       <>
-        <div className={css.ancestorSeparator}>
-          <SWMansionIcon icon="chevron-right" size={10} />
-        </div>
+        <SWMansionIcon
+          className={css.ancestorSeparator}
+          icon="chevron-right"
+          size={12}
+        />
         <div style={threadColorStyle} className={css.ancestorName}>
           &hellip;
         </div>
@@ -89,9 +91,11 @@
     }
     return (
       <>
-        <div className={css.ancestorSeparator}>
-          <SWMansionIcon icon="chevron-right" size={10} />
-        </div>
+        <SWMansionIcon
+          className={css.ancestorSeparator}
+          icon="chevron-right"
+          size={12}
+        />
         <div style={threadColorStyle} className={css.ancestorName}>
           {threadInfo.uiName}
         </div>