diff --git a/frontend/src/assets/style/arco-reset.less b/frontend/src/assets/style/arco-reset.less
index 0a8e532ebd..86d626eee2 100644
--- a/frontend/src/assets/style/arco-reset.less
+++ b/frontend/src/assets/style/arco-reset.less
@@ -263,6 +263,9 @@
   .arco-btn-primary:first-child {
     margin-right: 1px;
   }
+  &.arco-btn-group-outline--secondary button {
+    .arco-btn-outline--secondary();
+  }
 }
 
 /** 输入框，选择器，文本域 **/
diff --git a/frontend/src/views/api-test/components/requestComposition/index.vue b/frontend/src/views/api-test/components/requestComposition/index.vue
index 83f1e35c9c..4fa28c0321 100644
--- a/frontend/src/views/api-test/components/requestComposition/index.vue
+++ b/frontend/src/views/api-test/components/requestComposition/index.vue
@@ -132,6 +132,8 @@
             <!-- 接口定义-调试模式，可保存或保存为新用例 -->
             <a-dropdown-button
               v-if="requestVModel.mode === 'debug'"
+              type="outline"
+              class="arco-btn-group-outline--secondary"
               :disabled="(isHttpProtocol && !requestVModel.url) || saveLoading"
               @click="() => handleSelect('save')"
             >
@@ -166,6 +168,8 @@
                 hasAllPermission([props.permissionMap.create, props.permissionMap.saveASApi])
               "
               :disabled="(isHttpProtocol && !requestVModel.url) || saveLoading"
+              type="outline"
+              class="arco-btn-group-outline--secondary"
               @click="handleSaveShortcut"
             >
               <div class="flex items-center">