From f01c901445bd59f3f81753cb283f5f85fdc71ee7 Mon Sep 17 00:00:00 2001
From: Pulsar Programmer <programingcoder101@gmail.com>
Date: Mon, 16 Feb 2026 12:15:05 -0500
Subject: [PATCH] Collection descriptions can get out of the collection's box
 (#5380)

* Collection descriptions can get out of the collection's box
Fixes #2281

* Update apps/frontend/src/pages/dashboard/collections.vue

Signed-off-by: Calum H. <hendersoncal117@gmail.com>

---------

Signed-off-by: Calum H. <hendersoncal117@gmail.com>
Co-authored-by: Calum H. <hendersoncal117@gmail.com>
---
 apps/frontend/src/pages/collection/[id].vue       | 2 +-
 apps/frontend/src/pages/dashboard/collections.vue | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/collection/[id].vue b/apps/frontend/src/pages/collection/[id].vue
index 3da429f07..219affc49 100644
--- a/apps/frontend/src/pages/collection/[id].vue
+++ b/apps/frontend/src/pages/collection/[id].vue
@@ -220,7 +220,7 @@
 				v-if="collection.description"
 				:title="formatMessage(commonMessages.descriptionLabel)"
 			>
-				<p class="m-0">{{ collection.description }}</p>
+				<p class="m-0 break-words">{{ collection.description }}</p>
 			</SidebarCard>
 			<SidebarCard
 				v-if="collection.id !== 'following'"
diff --git a/apps/frontend/src/pages/dashboard/collections.vue b/apps/frontend/src/pages/dashboard/collections.vue
index a729f9862..b62d7fc06 100644
--- a/apps/frontend/src/pages/dashboard/collections.vue
+++ b/apps/frontend/src/pages/dashboard/collections.vue
@@ -202,6 +202,8 @@ const orderedCollections = computed(() => {
 			.description {
 				color: var(--color-secondary);
 				font-size: var(--font-size-sm);
+
+				word-break: break-word;
 			}
 
 			.stat-bar {