diff --git a/frontend/pages/label/[id].vue b/frontend/pages/label/[id].vue
index 819a54c..323ae5e 100644
--- a/frontend/pages/label/[id].vue
+++ b/frontend/pages/label/[id].vue
@@ -117,7 +117,7 @@
       <BaseDetails class="mb-2" :details="details">
         <template #title> Label Details </template>
       </BaseDetails>
-      <div class="form-control ml-auto mr-2 max-w-[130px]">
+      <div class="form-control ml-auto mr-2 max-w-[160px]">
         <label class="label cursor-pointer">
           <input v-model="preferences.showDetails" type="checkbox" class="toggle" />
           <span class="label-text"> Detailed View </span>
diff --git a/frontend/pages/location/[id].vue b/frontend/pages/location/[id].vue
index 6c878c0..8a28fb4 100644
--- a/frontend/pages/location/[id].vue
+++ b/frontend/pages/location/[id].vue
@@ -116,7 +116,7 @@
       <BaseDetails class="mb-2" :details="details">
         <template #title> Location Details </template>
       </BaseDetails>
-      <div class="form-control ml-auto mr-2 max-w-[130px]">
+      <div class="form-control ml-auto mr-2 max-w-[160px]">
         <label class="label cursor-pointer">
           <input v-model="preferences.showDetails" type="checkbox" class="toggle" />
           <span class="label-text"> Detailed View </span>