From c595f94567ffd4290aa34480a7e5a758ff070bdb Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Tue, 14 Oct 2025 11:33:02 +0200
Subject: [PATCH] style: switch to regular comments icon

- Use faComments from @fortawesome/free-regular-svg-icons
- Replace solid faComment with regular faComments
- Provides lighter, outlined icon style per FontAwesome regular variant
---
 src/components/HighlightItem.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/HighlightItem.tsx b/src/components/HighlightItem.tsx
index 0e0e6d96..3c7d2887 100644
--- a/src/components/HighlightItem.tsx
+++ b/src/components/HighlightItem.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faQuoteLeft, faExternalLinkAlt, faPlane, faSpinner, faHighlighter, faTrash, faEllipsisH, faMobileAlt, faComment } from '@fortawesome/free-solid-svg-icons'
+import { faQuoteLeft, faExternalLinkAlt, faPlane, faSpinner, faHighlighter, faTrash, faEllipsisH, faMobileAlt } from '@fortawesome/free-solid-svg-icons'
+import { faComments } from '@fortawesome/free-regular-svg-icons'
 import { Highlight } from '../types/highlights'
 import { useEventModel } from 'applesauce-react/hooks'
 import { Models, IEventStore } from 'applesauce-core'
@@ -346,7 +347,7 @@ export const HighlightItem: React.FC<HighlightItemProps> = ({
         
         {highlight.comment && (
           <div className="highlight-comment">
-            <FontAwesomeIcon icon={faComment} flip="horizontal" className="highlight-comment-icon" />
+            <FontAwesomeIcon icon={faComments} flip="horizontal" className="highlight-comment-icon" />
             {highlight.comment}
           </div>
         )}