diff --git a/web/src/components/ui/ClickableTruncate.vue b/web/src/components/ui/ClickableTruncate.vue
index e45a443..de8abd7 100644
--- a/web/src/components/ui/ClickableTruncate.vue
+++ b/web/src/components/ui/ClickableTruncate.vue
@@ -18,7 +18,7 @@ const handleClick = () => {
 
 <template>
   <span
-    class="inline-block truncate align-middle cursor-pointer"
+    class="inline-block align-middle cursor-pointer break-words whitespace-normal"
     :class="wrapperClass"
     :title="text"
     @click="handleClick"