diff --git a/src/pages/componentDevelopment/componentTest/style/testInstance.module.less b/src/pages/componentDevelopment/componentTest/style/testInstance.module.less
index 5448f0a..bed2e26 100644
--- a/src/pages/componentDevelopment/componentTest/style/testInstance.module.less
+++ b/src/pages/componentDevelopment/componentTest/style/testInstance.module.less
@@ -71,6 +71,11 @@
         flex: 1;
         overflow-y: auto;
 
+
+        :global(.arco-collapse-item-header-title) {
+          width: 100%;
+        }
+
         .tree-list {
           .tree-item {
             display: flex;
diff --git a/src/pages/componentDevelopment/componentTest/testInstance.tsx b/src/pages/componentDevelopment/componentTest/testInstance.tsx
index 7deee67..2fb8681 100644
--- a/src/pages/componentDevelopment/componentTest/testInstance.tsx
+++ b/src/pages/componentDevelopment/componentTest/testInstance.tsx
@@ -115,7 +115,15 @@ const TestInstance = ({ instance, parentId, onBack }: { instance: any; parentId:
               {testCaseList.map((item: any, index: number) => (
                 <CollapseItem
                   header={
-                    <div onClick={() => setActiveOperationIdent(item.operationIdent)}>
+                    <div
+                      style={{
+                        width: '100%',
+                        height: '100%',
+                        display: 'flex',
+                        alignItems: 'center'
+                      }}
+                      onClick={() => setActiveOperationIdent(item.operationIdent)}
+                    >
                       {item.operationIdent}
                     </div>
                   }