diff --git a/src/components/headline-tree.tsx b/src/components/headline-tree.tsx
index 53cc316..c097710 100644
--- a/src/components/headline-tree.tsx
+++ b/src/components/headline-tree.tsx
@@ -30,7 +30,7 @@ const HeadlineNodeDisplay = ({
         >
           {node.tag}
         </Badge>
-        <p className="font-medium flex-grow text-foreground">
+        <p className="font-medium flex-grow text-foreground break-words min-w-0">
           <KeywordHighlighter text={node.text} keyword={keyword} />
         </p>
         <p className="text-sm text-muted-foreground flex-shrink-0 w-10 text-right">
diff --git a/src/components/image-alt-display.tsx b/src/components/image-alt-display.tsx
index 9c729eb..188d3e3 100644
--- a/src/components/image-alt-display.tsx
+++ b/src/components/image-alt-display.tsx
@@ -154,7 +154,7 @@ export function ImageAltDisplay({ images, keyword }: ImageAltDisplayProps) {
               </div>
               <div className="mt-2">
                 {image.alt ? (
-                  <p className="text-sm text-foreground bg-muted/50 p-2 rounded-md">
+                  <p className="text-sm text-foreground bg-muted/50 p-2 rounded-md break-words">
                     <span className="font-semibold">Alt:</span>{" "}
                     <KeywordHighlighter text={image.alt} keyword={keyword} />
                   </p>