diff --git a/web/src/components/Badge.tsx b/web/src/components/Badge.tsx
index 296e17d..94a887e 100644
--- a/web/src/components/Badge.tsx
+++ b/web/src/components/Badge.tsx
@@ -4,7 +4,7 @@ import { theme } from "../theme";
 export default function Badge({ from, to }: { from: string; to: string }) {
   return (
     <span
-      className={`inline-flex items-center rounded-full bg-${theme}-50 px-2 py-1 text-xs font-medium text-${theme}-700 ring-1 ring-inset ring-${theme}-700/10 dark:bg-${theme}-400/10 dark:text-${theme}-400 dark:ring-${theme}-400/30`}
+      className={`inline-flex items-center rounded-full bg-${theme}-50 px-2 py-1 text-xs font-medium text-${theme}-700 ring-1 ring-inset ring-${theme}-700/10 dark:bg-${theme}-400/10 dark:text-${theme}-400 dark:ring-${theme}-400/30 break-keep`}
     >
       {from}
       <ArrowRight className="size-3" />