diff --git a/frontend/ops_vue_js/src/views/warehouse/WarehouseContainerDetail.vue b/frontend/ops_vue_js/src/views/warehouse/WarehouseContainerDetail.vue
index 1df7e22..d5651c0 100644
--- a/frontend/ops_vue_js/src/views/warehouse/WarehouseContainerDetail.vue
+++ b/frontend/ops_vue_js/src/views/warehouse/WarehouseContainerDetail.vue
@@ -631,7 +631,7 @@ onMounted(async () => {
                 </td>
                 <td class="px-5 py-3 text-right">
                   <button
-                    class="text-xs text-blue-500 hover:underline"
+                    class="text-xs text-blue-500 hover:underline whitespace-nowrap"
                     @click.stop="router.push(`/warehouse/item/${item.ID}`)"
                   >
                     {{ t('warehouse.view_items') }}
diff --git a/frontend/ops_vue_js/src/views/warehouse/WarehouseOverview.vue b/frontend/ops_vue_js/src/views/warehouse/WarehouseOverview.vue
index bce6695..60dddfd 100644
--- a/frontend/ops_vue_js/src/views/warehouse/WarehouseOverview.vue
+++ b/frontend/ops_vue_js/src/views/warehouse/WarehouseOverview.vue
@@ -605,7 +605,7 @@ onMounted(() => {
               </td>
               <td class="px-5 py-3 text-right">
                 <button
-                  class="text-xs text-blue-500 hover:underline"
+                  class="text-xs text-blue-500 hover:underline whitespace-nowrap"
                   @click.stop="goToItemDetail(item)"
                 >
                   {{ t('warehouse.view_items') }}
diff --git a/frontend/ops_vue_js/src/views/work_order/WorkOrderList.vue b/frontend/ops_vue_js/src/views/work_order/WorkOrderList.vue
index f27053d..671334e 100644
--- a/frontend/ops_vue_js/src/views/work_order/WorkOrderList.vue
+++ b/frontend/ops_vue_js/src/views/work_order/WorkOrderList.vue
@@ -142,9 +142,9 @@ onMounted(fetchOrders)
           <thead>
             <tr class="border-b border-gray-200 bg-gray-50 text-gray-500 dark:border-dk-muted dark:bg-dk-base">
               <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-16">No.</th>
-              <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-64">{{ t('work_order.title') }}</th>
-              <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-32">描述</th>
-              <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400">关联客户</th>
+              <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-80">{{ t('work_order.title') }}</th>
+              <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-64">描述</th>
+              <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-24">关联客户</th>
               <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 whitespace-nowrap w-44">{{ t('work_order.created_at') }}</th>
               <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 whitespace-nowrap w-44">{{ t('work_order.updated_at') }}</th>
               <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-36">{{ t('work_order.status') }}</th>
@@ -173,8 +173,8 @@ onMounted(fetchOrders)
               @click="jumpToOrder(order.ID)"
             >
               <td class="px-6 py-3 text-gray-500 dark:text-gray-400">{{ order.ID }}</td>
-              <td class="px-6 py-3 font-medium text-gray-900 dark:text-white max-w-[16rem] truncate">{{ order.Title }}</td>
-              <td class="px-6 py-3 text-gray-500 dark:text-gray-400 max-w-[8rem] truncate">{{ order.Description || '—' }}</td>
+              <td class="px-6 py-3 font-medium text-gray-900 dark:text-white max-w-[17rem] truncate">{{ order.Title }}</td>
+              <td class="px-6 py-3 text-gray-500 dark:text-gray-400 max-w-[15rem] truncate">{{ order.Description || '—' }}</td>
               <td class="px-6 py-3">
                 <div v-if="order.customers && order.customers.length > 0" class="flex flex-wrap gap-1">
                   <RouterLink
@@ -193,7 +193,7 @@ onMounted(fetchOrders)
               <td class="px-6 py-3 whitespace-nowrap text-gray-500 dark:text-gray-400">{{ formatDate(order.UpdatedAt) }}</td>
               <td class="px-6 py-3">
                 <span
-                  class="inline-block rounded-full px-2.5 py-0.5 text-xs font-medium"
+                  class="inline-block rounded-full px-2.5 py-0.5 text-xs font-medium whitespace-nowrap"
                   :class="statusColorMap[order.CurrentStatus] || 'bg-gray-100 text-gray-600'"
                 >
                   {{ t('work_order.status_' + order.CurrentStatus) || order.CurrentStatus }}