From dd32c1e7746d49a55bbeb22291658b22169b9915 Mon Sep 17 00:00:00 2001
From: miteruzo <miteruzo@naver.com>
Date: Tue, 30 Jun 2026 23:06:32 +0900
Subject: [PATCH] #76

---
 frontend/src/components/DraggableDroppableTagRow.tsx |  2 +-
 frontend/src/components/TagLink.tsx                  | 10 +++++++---
 frontend/src/components/TagSearchBox.tsx             |  2 +-
 frontend/src/components/TagSidebar.tsx               |  2 +-
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/DraggableDroppableTagRow.tsx b/frontend/src/components/DraggableDroppableTagRow.tsx
index e6c49ff..248d955 100644
--- a/frontend/src/components/DraggableDroppableTagRow.tsx
+++ b/frontend/src/components/DraggableDroppableTagRow.tsx
@@ -98,4 +98,4 @@ const DraggableDroppableTagRow: FC<Props> = ({ tag, nestLevel, pathKey, parentTa
       </div>)
 }
 
-export default DraggableDroppableTagRow
\ No newline at end of file
+export default DraggableDroppableTagRow
diff --git a/frontend/src/components/TagLink.tsx b/frontend/src/components/TagLink.tsx
index a32dd4a..e98f2ef 100644
--- a/frontend/src/components/TagLink.tsx
+++ b/frontend/src/components/TagLink.tsx
@@ -34,6 +34,7 @@ const TagLink: FC<Props> = ({ tag,
 			      withCount = true,
 			      className,
 			      ...props }) => {
+  const textWrapClass = '[overflow-wrap:anywhere]'
   const spanClass = cn (
       `text-${ TAG_COLOUR[tag.category] }-${ LIGHT_COLOUR_SHADE }`,
       `dark:text-${ TAG_COLOUR[tag.category] }-${ DARK_COLOUR_SHADE }`)
@@ -106,7 +107,9 @@ const TagLink: FC<Props> = ({ tag,
 	    </span>)}
 	{tag.matchedAlias != null && (
 	    <>
-	      <span className={cn (spanClass, className)} {...props}>
+	      <span
+		  className={cn (spanClass, textWrapClass, className)}
+		  {...props}>
 		{tag.matchedAlias}
 	      </span>
 	      <> → </>
@@ -115,12 +118,13 @@ const TagLink: FC<Props> = ({ tag,
 	 ? (
 	    <PrefetchLink
 		to={`/posts?${ (new URLSearchParams ({ tags: tag.name })).toString () }`}
-		className={cn (linkClass, className)}
+		className={cn (linkClass, textWrapClass, className)}
 		{...props}>
 	      {tag.name}
 	    </PrefetchLink>)
 	 : (
-	    <span className={cn (spanClass, className)}
+	    <span
+		  className={cn (spanClass, textWrapClass, className)}
 		  {...props}>
 	      {tag.name}
 	    </span>)}
diff --git a/frontend/src/components/TagSearchBox.tsx b/frontend/src/components/TagSearchBox.tsx
index 795daee..634dd0e 100644
--- a/frontend/src/components/TagSearchBox.tsx
+++ b/frontend/src/components/TagSearchBox.tsx
@@ -28,4 +28,4 @@ const TagSearchBox: FC<Props> = ({ suggestions, activeIndex, onSelect }) => {
       </ul>)
 }
 
-export default TagSearchBox
\ No newline at end of file
+export default TagSearchBox
diff --git a/frontend/src/components/TagSidebar.tsx b/frontend/src/components/TagSidebar.tsx
index 9c08ccc..0008ef6 100644
--- a/frontend/src/components/TagSidebar.tsx
+++ b/frontend/src/components/TagSidebar.tsx
@@ -128,4 +128,4 @@ const TagSidebar: FC<Props> = ({ posts, onClick }) => {
       </SidebarComponent>)
 }
 
-export default TagSidebar
\ No newline at end of file
+export default TagSidebar