diff --git a/src/views/product/components/TopicManage.vue b/src/views/product/components/TopicManage.vue
index f0a7eeca..ad849cb4 100644
--- a/src/views/product/components/TopicManage.vue
+++ b/src/views/product/components/TopicManage.vue
@@ -2,7 +2,7 @@
 import { Alert, Segmented } from 'ant-design-vue'
 import { computed, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
-import { PlusOutlined } from '@ant-design/icons-vue'
+import { PlusOutlined, SyncOutlined } from '@ant-design/icons-vue'
 import TopicFormModal from './TopicFormModal.vue'
 import type { Topic } from '@/api/product/types'
 import { TopicType } from '@/api/product/types'
@@ -97,9 +97,13 @@ async function handleDelete(id: string) {
       </a-button>
       <div v-else />
 
-      <div class="mr-10px flex cursor-pointer items-center" @click="() => reload()">
-        <span class="i-ant-design:sync-outlined mr-5px text-20px" />
-        刷新
+      <div class="mr-10px flex cursor-pointer items-center">
+        <a-button size="small" @click="reload">
+          <template #icon>
+            <SyncOutlined />
+          </template>
+          刷新
+        </a-button>
       </div>
     </div>
     <BasicTable :api="async () => ([] as Topic[])" @register="register">