diff --git a/packages/editor/src/components/Icon.vue b/packages/editor/src/components/Icon.vue
index a4cd8f9f..f1f95c8f 100644
--- a/packages/editor/src/components/Icon.vue
+++ b/packages/editor/src/components/Icon.vue
@@ -1,8 +1,10 @@
 <template>
-  <el-icon v-if="!icon"><Edit></Edit></el-icon>
-  <el-icon v-else-if="typeof icon === 'string' && icon.startsWith('http')"><img :src="icon" /></el-icon>
-  <i v-else-if="typeof icon === 'string'" :class="icon"></i>
-  <el-icon v-else><component :is="toRaw(icon)"></component></el-icon>
+  <el-icon v-if="!icon" class="magic-editor-icon"><Edit></Edit></el-icon>
+  <el-icon v-else-if="typeof icon === 'string' && icon.startsWith('http')" class="magic-editor-icon"
+    ><img :src="icon"
+  /></el-icon>
+  <i v-else-if="typeof icon === 'string'" class="magic-editor-icon" :class="icon"></i>
+  <el-icon v-else class="magic-editor-icon"><component :is="toRaw(icon)"></component></el-icon>
 </template>
 
 <script lang="ts" setup>
diff --git a/packages/editor/src/theme/component-list-panel.scss b/packages/editor/src/theme/component-list-panel.scss
index bb451dc8..65e3459f 100644
--- a/packages/editor/src/theme/component-list-panel.scss
+++ b/packages/editor/src/theme/component-list-panel.scss
@@ -86,11 +86,6 @@
         }
       }
 
-      img {
-        max-width: 100%;
-        max-height: 100%;
-      }
-
       span {
         font-size: 12px;
         text-align: center;
diff --git a/packages/editor/src/theme/content-menu.scss b/packages/editor/src/theme/content-menu.scss
index 92d24753..8359dbb5 100644
--- a/packages/editor/src/theme/content-menu.scss
+++ b/packages/editor/src/theme/content-menu.scss
@@ -31,6 +31,10 @@
       color: $--font-color;
     }
 
+    .magic-editor-icon {
+      margin-right: 5px;
+    }
+
     &.divider {
       padding: 0 14px;
 
diff --git a/packages/editor/src/theme/icon.scss b/packages/editor/src/theme/icon.scss
new file mode 100644
index 00000000..c1de8a40
--- /dev/null
+++ b/packages/editor/src/theme/icon.scss
@@ -0,0 +1,6 @@
+.magic-editor-icon {
+  img {
+    max-width: 100%;
+    max-height: 100%;
+  }
+}
diff --git a/packages/editor/src/theme/index.scss b/packages/editor/src/theme/index.scss
index ec1aa108..6b09990d 100644
--- a/packages/editor/src/theme/index.scss
+++ b/packages/editor/src/theme/index.scss
@@ -11,3 +11,4 @@
 @import "./content-menu.scss";
 @import "./stage.scss";
 @import "./code-editor.scss";
+@import "./icon.scss";