diff --git a/frontend/src/business/components/api/test/components/collapse/ApiCollapseItem.vue b/frontend/src/business/components/api/test/components/collapse/ApiCollapseItem.vue
index 9dc50e2a7e..8f7be0628c 100644
--- a/frontend/src/business/components/api/test/components/collapse/ApiCollapseItem.vue
+++ b/frontend/src/business/components/api/test/components/collapse/ApiCollapseItem.vue
@@ -9,7 +9,6 @@
     >
       <div
         class="el-collapse-item__header"
-        @click="handleHeaderClick"
         role="button"
         :id="`el-collapse-head-${id}`"
         :tabindex="disabled ? undefined : 0"
@@ -21,7 +20,7 @@
         @focus="handleFocus"
         @blur="focusing = false"
       >
-        <i
+        <i @click="handleHeaderClick"
           class="el-collapse-item__arrow el-icon-arrow-right"
           :class="{'is-active': isActive}">
         </i>