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 462bdce44..41df9bbf0 100644
--- a/nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss
+++ b/nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss
@@ -575,10 +575,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 c37a03324..04f701af7 100644
--- a/nezha-fronted/src/components/common/alert/alertMessageInfoTab.vue
+++ b/nezha-fronted/src/components/common/alert/alertMessageInfoTab.vue
@@ -26,8 +26,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>