diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index e425f035e..726648924 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -304,7 +304,8 @@
   white-space: nowrap;
   width: 100%;
   box-sizing: border-box;
-  background-color: var(--b3-theme-surface);
+  background-color: var(--b3-theme-background);
+  z-index: 221;
   @extend .fn__ellipsis;
 
   &--hide {
diff --git a/app/stage/protyle/js/protyle-html.js b/app/stage/protyle/js/protyle-html.js
index e3072ef4b..972ddeae2 100644
--- a/app/stage/protyle/js/protyle-html.js
+++ b/app/stage/protyle/js/protyle-html.js
@@ -23,7 +23,7 @@ class ProtyleHtml extends HTMLElement {
       let fatalHTML = ''
       for (let i = 0; i < scripts.length; i++) {
         if (scripts[i].textContent.indexOf('document.write') > -1) {
-          fatalHTML += `<div style="color:#d23f31;font-size: 12px">${window.siyuan.languages.htmlBlockError}</div>
+          fatalHTML += `<div style="color:var(--b3-theme-error);font-size: 12px">${window.siyuan.languages.htmlBlockError}</div>
 <textarea style="width: 100%;box-sizing: border-box;height: 120px"><script>${scripts[i].textContent}</script></textarea>`
         } else {
           const s = document.createElement('script')