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>
         )}