diff --git a/packages/common/component/toolbar-built-in/ToolbarBaseButton.vue b/packages/common/component/toolbar-built-in/ToolbarBaseButton.vue
index 30a4051bd1..67d4de388e 100644
--- a/packages/common/component/toolbar-built-in/ToolbarBaseButton.vue
+++ b/packages/common/component/toolbar-built-in/ToolbarBaseButton.vue
@@ -1,12 +1,12 @@
 <template>
-  <tiny-button class="toolbar-button">
-    <span class="svg-wrap">
+  <div class="svg-wrap">
+    <span v-if="options?.showDots" class="dot"></span>
+    <tiny-button class="toolbar-button">
       <svg-icon v-if="icon" :name="icon"></svg-icon>
-      <span v-if="options?.showDots" class="dots"></span>
-    </span>
-    <span class="save-title">{{ content }}</span>
-    <slot></slot>
-  </tiny-button>
+      <span class="save-title">{{ content }}</span>
+      <slot></slot>
+    </tiny-button>
+  </div>
 </template>
 <script>
 import { Button } from '@opentiny/vue'
@@ -45,15 +45,15 @@ export default {
 
 .svg-wrap {
   position: relative;
-  .dots {
+
+  .dot {
+    position: absolute;
     width: 6px;
     height: 6px;
     background: var(--ti-lowcode-toolbar-dot-color);
     border-radius: 50%;
-    display: inline-block;
-    position: absolute;
-    top: -2px;
-    right: -2px;
+    top: -3px;
+    right: 2px;
     z-index: 100;
   }
 }
diff --git a/packages/plugins/schema/src/Main.vue b/packages/plugins/schema/src/Main.vue
index 8bdef930aa..23e1795107 100644
--- a/packages/plugins/schema/src/Main.vue
+++ b/packages/plugins/schema/src/Main.vue
@@ -194,6 +194,7 @@ export default {
     justify-content: flex-end;
     align-items: center;
     .icon-wrap {
+      position: relative;
       .tiny-button {
         width: 40px;
         padding: 0;
@@ -203,15 +204,15 @@ export default {
         line-height: 24px;
       }
       .red {
-        width: 5px;
-        height: 5px;
-        border-radius: 3px;
-        background-color: #f00;
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        background-color: var(--ti-lowcode-common-error-color);
         display: block;
         z-index: 100;
         position: absolute;
-        top: 1px;
-        right: 1px;
+        top: -3px;
+        right: -4px;
       }
     }
     & > span:not(:last-child) {
diff --git a/packages/plugins/script/src/Main.vue b/packages/plugins/script/src/Main.vue
index ae7b3fda9a..656879f9d9 100644
--- a/packages/plugins/script/src/Main.vue
+++ b/packages/plugins/script/src/Main.vue
@@ -149,13 +149,13 @@ export default {
         height: 24px;
         line-height: 24px;
         .dots {
-          width: 10px;
-          height: 10px;
-          background: var(--ti-lowcode-warning-color-1);
+          width: 6px;
+          height: 6px;
+          background: var(--ti-lowcode-common-error-color);
           border-radius: 50%;
           position: absolute;
-          top: 5px;
-          right: 40px;
+          top: 9px;
+          right: 34px;
         }
       }
       .icon-wrap {