diff --git a/src/views/product/components/TopicManage.vue b/src/views/product/components/TopicManage.vue
index 4ac2c99d..469de661 100644
--- a/src/views/product/components/TopicManage.vue
+++ b/src/views/product/components/TopicManage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Alert, Radio } from 'ant-design-vue'
+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'
@@ -82,14 +82,10 @@ async function handleDelete(id: string) {
 <template>
   <div>
     <div flex="! items-center wrap gap-12px" mb="12px">
-      <Radio.Group v-model:value="topicType" button-style="solid">
-        <Radio.Button :value="TopicType.System">
-          系统 Topic
-        </Radio.Button>
-        <Radio.Button :value="TopicType.Custom">
-          自定义 Topic
-        </Radio.Button>
-      </Radio.Group>
+      <Segmented
+        v-model:value="topicType"
+        :options="[{ label: '系统 Topic', value: TopicType.System }, { label: '自定义 Topic', value: TopicType.Custom }]"
+      />
 
       <Alert :message="alertMessage" type="info" show-icon class="py-4px" />
     </div>