diff --git a/frontend/src/routes/device/[id]/+page.svelte b/frontend/src/routes/device/[id]/+page.svelte
index 8a93c216..e060292d 100644
--- a/frontend/src/routes/device/[id]/+page.svelte
+++ b/frontend/src/routes/device/[id]/+page.svelte
@@ -33,7 +33,7 @@
 {#await getDevice()}
 	<PageLoading />
 {:then device}
-	<h1 class="text-3xl font-bold mb-8">{device.name}</h1>
+	<h1 class="text-3xl font-bold mb-8 sm:break-all">{device.name}</h1>
 	<DeviceForm {device} />
 {:catch err}
 	<div class="container max-w-lg mx-auto">