diff --git a/website/src/lib/components/self/DataTable.svelte b/website/src/lib/components/self/DataTable.svelte
index 709671f..abb38a6 100644
--- a/website/src/lib/components/self/DataTable.svelte
+++ b/website/src/lib/components/self/DataTable.svelte
@@ -191,7 +191,7 @@
 							{:else if cellData.type === 'coin'}
 								<div class="flex items-center gap-2">
 									<CoinIcon icon={cellData.icon} symbol={cellData.symbol} size={cellData.size} />
-									<span class="font-medium">{cellData.name}</span>
+									<span class="font-medium max-w-44 truncate">{cellData.name}</span>
 								</div>
 							{:else if cellData.type === 'rank'}
 								<div class="flex items-center gap-2">
diff --git a/website/src/routes/hopium/[id]/+page.svelte b/website/src/routes/hopium/[id]/+page.svelte
index 2e54c3a..ff92890 100644
--- a/website/src/routes/hopium/[id]/+page.svelte
+++ b/website/src/routes/hopium/[id]/+page.svelte
@@ -224,7 +224,7 @@
 				<MessageCircleQuestion class="h-14 w-14" />
 			</div>
 			<div class="flex-1">
-				<h1 class="text-2xl font-semibold">{question.question}</h1>
+				<h1 class="text-2xl font-semibold break-all">{question.question}</h1>
 				{#if question.status === 'ACTIVE'}
 					<p class="text-muted-foreground mt-1 text-sm">
 						{formatTimeUntil(question.resolutionDate).startsWith('Ended')
diff --git a/website/src/routes/market/+page.svelte b/website/src/routes/market/+page.svelte
index 836bc22..e507d95 100644
--- a/website/src/routes/market/+page.svelte
+++ b/website/src/routes/market/+page.svelte
@@ -445,7 +445,7 @@
 							<div class="flex items-center gap-3">
 								<CoinIcon icon={coin.icon} symbol={coin.symbol} size={8} />
 								<div>
-									<h3 class="truncate text-lg font-semibold leading-tight">{coin.name}</h3>
+									<h3 class="truncate max-w-44 text-lg font-semibold leading-tight">{coin.name}</h3>
 									<p class="text-muted-foreground truncate text-sm">*{coin.symbol}</p>
 								</div>
 							</div>