diff --git a/ui/assets/css/style.css b/ui/assets/css/style.css
index fc1277a8..c2f8644d 100644
--- a/ui/assets/css/style.css
+++ b/ui/assets/css/style.css
@@ -340,3 +340,8 @@ hr {
 .Vue-Toastification__toast-body {
   user-select: none;
 }
+
+.is-word-break {
+  word-break: break-word;
+  text-wrap: auto;
+}
diff --git a/ui/components/History.vue b/ui/components/History.vue
index dc4fe876..ddd33b44 100644
--- a/ui/components/History.vue
+++ b/ui/components/History.vue
@@ -889,7 +889,7 @@ const downloadSelected = async () => {
   }
 }
 
-const toggle_class = e => e.currentTarget.classList.toggle('is-text-overflow')
+const toggle_class = e => ['is-text-overflow', 'is-word-break'].forEach(c => e.currentTarget.classList.toggle(c))
 
 const removeFromArchiveDialog = (item) => {
   dialog_confirm.value.visible = true