diff --git a/frontend/pages/location/[id].vue b/frontend/pages/location/[id].vue
index 6be2ef99..7e9bd991 100644
--- a/frontend/pages/location/[id].vue
+++ b/frontend/pages/location/[id].vue
@@ -142,10 +142,10 @@
             <div>
               <div v-if="location?.parent" class="breadcrumbs py-0 text-sm">
                 <ul class="text-base-content/70">
-                  <li>
+                  <li class="text-wrap">
                     <NuxtLink :to="`/location/${location.parent.id}`"> {{ location.parent.name }}</NuxtLink>
                   </li>
-                  <li>{{ location.name }}</li>
+                  <li class="text-wrap">{{ location.name }}</li>
                 </ul>
               </div>
               <h1 class="flex items-center gap-3 pb-1 text-2xl">