diff --git a/core/core-frontend/src/views/data-visualization/PreviewHead.vue b/core/core-frontend/src/views/data-visualization/PreviewHead.vue
index 00eeac2378..b0e14312a7 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewHead.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewHead.vue
@@ -88,7 +88,7 @@ watch(
       </el-popover>
     </div>
     <div class="canvas-opt-button">
-      <el-button v-if="!isDataEaseBi" @click="preview()">
+      <el-button secondary v-if="!isDataEaseBi" @click="preview()">
         <template #icon>
           <icon name="icon_pc_outlined"></icon>
         </template>
diff --git a/core/core-frontend/src/views/share/share/ShareVisualHead.vue b/core/core-frontend/src/views/share/share/ShareVisualHead.vue
index 95c47cff67..86f9bf6c95 100644
--- a/core/core-frontend/src/views/share/share/ShareVisualHead.vue
+++ b/core/core-frontend/src/views/share/share/ShareVisualHead.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-button ref="shareButtonRef" v-if="props.weight >= 7" v-click-outside="openShare">
+  <el-button secondary ref="shareButtonRef" v-if="props.weight >= 7" v-click-outside="openShare">
     <template #icon>
       <icon name="icon_share-label_outlined"></icon>
     </template>
diff --git a/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue b/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
index dd19d3f0ff..f8e366d265 100644
--- a/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
+++ b/core/core-frontend/src/views/template-market/component/TemplateMarketV2Item.vue
@@ -10,10 +10,10 @@
     >
       <el-row class="demonstration"> {{ template.title }} </el-row>
       <el-row class="template-button" v-show="createAuth[template.templateType]">
-        <el-button size="mini" style="width: calc(50% - 18px)" @click="templateInnerPreview">{{
+        <el-button secondary style="width: calc(50% - 18px)" @click="templateInnerPreview">{{
           t('visualization.preview')
         }}</el-button>
-        <el-button size="mini" style="width: calc(50% - 18px)" type="primary" @click="apply">{{
+        <el-button style="width: calc(50% - 18px)" type="primary" @click="apply">{{
           t('visualization.apply')
         }}</el-button>
       </el-row>