diff --git a/frontend/src/components/pure/ms-detail-card/index.vue b/frontend/src/components/pure/ms-detail-card/index.vue
index 6c70380243..41a02de649 100644
--- a/frontend/src/components/pure/ms-detail-card/index.vue
+++ b/frontend/src/components/pure/ms-detail-card/index.vue
@@ -20,14 +20,19 @@
         class="flex w-[calc(100%/3)] items-center gap-[8px]"
         :style="{ width: item.width }"
       >
-        <div class="text-[var(--color-text-4)]">{{ t(item.locale) }}</div>
+        <div class="whitespace-nowrap text-[var(--color-text-4)]">
+          {{ t(item.locale) }}
+        </div>
         <div v-if="Array.isArray(item.value)">
           <MsTagGroup v-if="item.value.length > 0" :tag-list="item.value" size="small" is-string-tag />
           <div v-else>-</div>
         </div>
         <slot v-else :name="item.key" :value="item.value">
           <a-tooltip :content="item.value" :disabled="isEmpty(item.value)">
-            <div class="text-[var(--color-text-1)]">{{ item.value || '-' }}</div>
+            <div
+              class="text-ov overflow-hidden overflow-ellipsis whitespace-nowrap pr-[24px] text-[var(--color-text-1)]"
+              >{{ item.value || '-' }}</div
+            >
           </a-tooltip>
         </slot>
       </div>