diff --git a/nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss b/nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss
index 099500fd7..f050829f4 100644
--- a/nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss
+++ b/nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss
@@ -522,10 +522,13 @@
             }
 
             #pane-trbShot {
+              // .editor-core.ql-container.ql-snow {
+              //   background-color: #23241E;
+              //   border-radius: 2px;
+              //   color: #fff;
+              // }
               .editor-core.ql-container.ql-snow {
-                background-color: #23241E;
-                border-radius: 2px;
-                color: #fff;
+                border: none;
               }
             }
           }
diff --git a/nezha-fronted/src/components/common/alert/alertMessageInfoTab.vue b/nezha-fronted/src/components/common/alert/alertMessageInfoTab.vue
index 0e77071fe..65c77f9bb 100644
--- a/nezha-fronted/src/components/common/alert/alertMessageInfoTab.vue
+++ b/nezha-fronted/src/components/common/alert/alertMessageInfoTab.vue
@@ -23,8 +23,7 @@
           />
         </div>
         <div v-else-if="item.key === 'trbShot' && activeName === 'trbShot'">
-          <div v-html="infoData.alertRule.trbShot" v-if="infoData.alertRule.trbShot">
-          </div>
+          <div class="rich-text-editor" v-html="infoData.alertRule.trbShot" v-if="infoData.alertRule.trbShot"></div>
         </div>
       </el-tab-pane>
     </el-tabs>