diff --git a/frontend/src/components/pure/ms-detail-card/index.vue b/frontend/src/components/pure/ms-detail-card/index.vue
index 016d969671..1e417feffd 100644
--- a/frontend/src/components/pure/ms-detail-card/index.vue
+++ b/frontend/src/components/pure/ms-detail-card/index.vue
@@ -108,7 +108,7 @@
     border-radius: var(--border-radius-small);
     gap: 8px;
     .ms-detail-card-title {
-      @apply flex items-center justify-between overflow-hidden;
+      @apply flex items-center justify-between;
 
       gap: 16px;
     }
diff --git a/frontend/src/views/api-test/management/components/management/case/createAndEditCaseDrawer.vue b/frontend/src/views/api-test/management/components/management/case/createAndEditCaseDrawer.vue
index 67644d2bc2..c9f536d3a8 100644
--- a/frontend/src/views/api-test/management/components/management/case/createAndEditCaseDrawer.vue
+++ b/frontend/src/views/api-test/management/components/management/case/createAndEditCaseDrawer.vue
@@ -413,7 +413,7 @@
     font-weight: 400;
   }
   :deep(.ms-detail-card-title) {
-    width: 50%;
+    width: 300px;
   }
   :deep(.ms-detail-card-desc) {
     gap: 16px;