diff --git a/assets/vue/app/shared/components/ui/Divider.vue b/assets/vue/app/shared/components/ui/Divider.vue
index 7a12df1..42ce174 100644
--- a/assets/vue/app/shared/components/ui/Divider.vue
+++ b/assets/vue/app/shared/components/ui/Divider.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="h-full mx-4 border-r opacity-50 border-green-500"></div>
+    <div class="min-h-14 mx-4 border-r opacity-50 border-green-500"></div>
 </template>
 
 <script setup>
diff --git a/assets/vue/app/shared/components/ui/Toolbar.vue b/assets/vue/app/shared/components/ui/Toolbar.vue
index ae09df1..15b26df 100644
--- a/assets/vue/app/shared/components/ui/Toolbar.vue
+++ b/assets/vue/app/shared/components/ui/Toolbar.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="['bg-gray-800 h-[4.5rem] p-3', $attrs.class]">
+    <div :class="['bg-gray-800 min-h-14 p-3', $attrs.class]">
         <div class="flex flex-row items-center justify-between h-full">
             <!-- Left section -->
             <ToolbarSection :items="config.leftSection" />
diff --git a/assets/vue/app/shared/components/ui/ToolbarButton.vue b/assets/vue/app/shared/components/ui/ToolbarButton.vue
index ecc4321..3517e6a 100644
--- a/assets/vue/app/shared/components/ui/ToolbarButton.vue
+++ b/assets/vue/app/shared/components/ui/ToolbarButton.vue
@@ -2,7 +2,7 @@
     <button
         @click="$emit('click')"
         :class="[
-            'flex flex-col items-center justify-around h-full w-min p-1 rounded group text-white',
+            'flex flex-col items-center justify-around min-h-14 w-min ml-4 rounded group text-white',
             active
                 ? 'text-green-500' // Style actif
                 : 'hover:text-green-500' // Effet de survol
diff --git a/assets/vue/app/shared/components/ui/ToolbarDropdown.vue b/assets/vue/app/shared/components/ui/ToolbarDropdown.vue
index 8b5bca2..cef3617 100644
--- a/assets/vue/app/shared/components/ui/ToolbarDropdown.vue
+++ b/assets/vue/app/shared/components/ui/ToolbarDropdown.vue
@@ -3,7 +3,7 @@
         <div class="h-full">
             <MenuButton
                 :class="[
-                    'flex flex-col items-center justify-around h-full w-min p-1 rounded group text-white hover:text-green-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75',
+                    'flex flex-col items-center justify-around min-h-14 w-min ml-4 rounded group text-white hover:text-green-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75',
                     active ? 'text-green-500' : ''
                 ]"
                 :aria-label="label || 'Options'">
diff --git a/assets/vue/app/shared/components/ui/ToolbarLabel.vue b/assets/vue/app/shared/components/ui/ToolbarLabel.vue
index 1e90d51..eb5f6f1 100644
--- a/assets/vue/app/shared/components/ui/ToolbarLabel.vue
+++ b/assets/vue/app/shared/components/ui/ToolbarLabel.vue
@@ -1,5 +1,5 @@
 <template>
-    <span v-if="label" class="text-xs line-clamp-2 max-w-fit px-1 text-center min-h-[2rem]">{{ label }}</span>
+    <span v-if="label" class="text-xs">{{ label }}</span>
 </template>
 
 <script setup>