diff --git a/frontend/pages/label/[id].vue b/frontend/pages/label/[id].vue
index fe344a2..49bae7c 100644
--- a/frontend/pages/label/[id].vue
+++ b/frontend/pages/label/[id].vue
@@ -134,7 +134,7 @@
       </template>
 
       <template #title-actions>
-        <div class="flex mt-2 gap-2">
+        <div class="flex flex-wrap mt-2 gap-2">
           <div class="form-control max-w-[160px]">
             <label class="label cursor-pointer">
               <input v-model="preferences.showDetails" type="checkbox" class="toggle toggle-primary" />
diff --git a/frontend/pages/location/[id].vue b/frontend/pages/location/[id].vue
index 5a1b389..7830688 100644
--- a/frontend/pages/location/[id].vue
+++ b/frontend/pages/location/[id].vue
@@ -156,7 +156,7 @@
         </template>
 
         <template #title-actions>
-          <div class="flex mt-2 gap-2">
+          <div class="flex flex-wrap mt-2 gap-2">
             <div class="form-control max-w-[160px]">
               <label class="label cursor-pointer">
                 <input v-model="preferences.showDetails" type="checkbox" class="toggle toggle-primary" />