diff --git a/resources/js/Pages/Phone/Case/Index.vue b/resources/js/Pages/Phone/Case/Index.vue
index d3471fd..d513a12 100644
--- a/resources/js/Pages/Phone/Case/Index.vue
+++ b/resources/js/Pages/Phone/Case/Index.vue
@@ -461,12 +461,13 @@ const clientSummary = computed(() => {
                         <div
                           v-for="(val, key) in c.meta"
                           :key="key"
-                          class="flex items-center justify-between gap-3 px-3 py-2 bg-gray-50 dark:bg-gray-800/50 even:bg-gray-100 dark:even:bg-gray-700/50 rounded-lg"
+                          class="flex flex-col gap-2 px-2 py-2 bg-gray-50 dark:bg-gray-800/50 even:bg-gray-100 dark:even:bg-gray-700/50 rounded-lg"
                         >
-                          <span
-                            class="text-xs text-gray-500 dark:text-gray-400 shrink-0 uppercase"
-                            >{{ val?.title?.replace(/_/g, " ") || key }}</span
+                          <p
+                            class="text-xs text-gray-500 dark:text-gray-400 shrink-0 uppercase wrap-break-word"
                           >
+                            {{ val?.title?.replace(/_/g, " ") || key }}
+                          </p>
                           <p
                             class="text-xs wrap-break-word font-semibold text-gray-800 dark:text-gray-200 text-right"
                           >