chore: 🎨

src/components/Note/Highlight.tsx

@@ -25,7 +25,12 @@ export default function Highlight({ event, className }: { event: Event; classNam
       {comment && <Content event={createFakeEvent({ content: comment, tags: event.tags })} />}
       <div className="flex gap-4">
         <div className="w-1 flex-shrink-0 my-1 bg-primary/60 rounded-md" />
-        <div className="italic whitespace-pre-line">
+        <div
+          className="italic whitespace-pre-line"
+          style={{
+            overflowWrap: 'anywhere'
+          }}
+        >
           {translatedEvent?.content ?? event.content}
         </div>
       </div>

src/components/ReplyNoteList/SubReplies.tsx

@@ -1,5 +1,4 @@
 import { useSecondaryPage } from '@/PageManager'
-import { Separator } from '@/components/ui/separator'
 import { getEventKey, getKeyFromTag, getParentTag, isMentioningMutedUsers } from '@/lib/event'
 import { toNote } from '@/lib/link'
 import { generateBech32IdFromETag } from '@/lib/tag'
@@ -82,7 +81,7 @@ export default function SubReplies({ parentKey }: { parentKey: string }) {
     }, 1500)
   }, [])
 
-  if (replies.length === 0) return <Separator />
+  if (replies.length === 0) return <div className="border-b w-full" />
 
   return (
     <div>