diff --git a/src/components/Notify/index.vue b/src/components/Notify/index.vue
index f7ad01bd..4d5001e3 100644
--- a/src/components/Notify/index.vue
+++ b/src/components/Notify/index.vue
@@ -56,9 +56,7 @@ const handleHistory = () => {
       <template #reference>
         <el-badge :value="badgeValue" :max="badgeMax" :hidden="badgeValue === 0">
           <el-tooltip effect="dark" content="消息通知" placement="bottom">
-            <el-icon :size="20">
-              <Bell />
-            </el-icon>
+            <el-button :icon="Bell" circle />
           </el-tooltip>
         </el-badge>
       </template>
diff --git a/src/components/Screenfull/index.vue b/src/components/Screenfull/index.vue
index 1744e28d..f860fd7e 100644
--- a/src/components/Screenfull/index.vue
+++ b/src/components/Screenfull/index.vue
@@ -76,7 +76,9 @@ const handleContentFullClick = () => {
   <div>
     <!-- 全屏 -->
     <el-tooltip v-if="!content" effect="dark" :content="fullscreenTips" placement="bottom">
-      <SvgIcon :name="fullscreenSvgName" @click="handleFullscreenClick" />
+      <el-button circle>
+        <SvgIcon :name="fullscreenSvgName" @click="handleFullscreenClick" />
+      </el-button>
     </el-tooltip>
     <!-- 内容区 -->
     <el-dropdown v-else :disabled="isFullscreen">
diff --git a/src/components/SearchMenu/index.vue b/src/components/SearchMenu/index.vue
index b9c4ee4c..3ee98d5c 100644
--- a/src/components/SearchMenu/index.vue
+++ b/src/components/SearchMenu/index.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { ref } from "vue"
 import SearchModal from "./SearchModal.vue"
+import { Search } from "@element-plus/icons-vue"
 
 /** 控制 modal 显隐 */
 const modalVisible = ref<boolean>(false)
@@ -13,7 +14,7 @@ const handleOpen = () => {
 <template>
   <div>
     <el-tooltip effect="dark" content="搜索菜单" placement="bottom">
-      <SvgIcon name="search" @click="handleOpen" />
+      <el-button :icon="Search" @click="handleOpen" circle />
     </el-tooltip>
     <SearchModal v-model="modalVisible" />
   </div>
diff --git a/src/components/ThemeSwitch/index.vue b/src/components/ThemeSwitch/index.vue
index 12a6635d..93b5d8e8 100644
--- a/src/components/ThemeSwitch/index.vue
+++ b/src/components/ThemeSwitch/index.vue
@@ -25,9 +25,7 @@ const handleChangeTheme = ({ clientX, clientY }: MouseEvent, themeName: ThemeNam
   <el-dropdown trigger="click">
     <div>
       <el-tooltip effect="dark" content="主题模式" placement="bottom">
-        <el-icon :size="20">
-          <MagicStick />
-        </el-icon>
+        <el-button :icon="MagicStick" circle="" />
       </el-tooltip>
     </div>
     <template #dropdown>