diff --git a/app/appearance/themes/daylight/theme.css b/app/appearance/themes/daylight/theme.css
index 0b5d18c23..78ff1b507 100644
--- a/app/appearance/themes/daylight/theme.css
+++ b/app/appearance/themes/daylight/theme.css
@@ -136,7 +136,6 @@
     --b3-protyle-inline-s-color: #202124;
     --b3-protyle-inline-link-color: #4285f4;
     --b3-protyle-inline-mark-background: rgb(252, 212, 126);
-    --b3-protyle-inline-mark-hl-background: #fffd38;
     --b3-protyle-inline-mark-color: #202124;
     --b3-protyle-inline-tag-color: #5f6368;
     --b3-protyle-inline-blockref-color: #8250df;
diff --git a/app/appearance/themes/midnight/theme.css b/app/appearance/themes/midnight/theme.css
index ae410cc76..c31b595d9 100644
--- a/app/appearance/themes/midnight/theme.css
+++ b/app/appearance/themes/midnight/theme.css
@@ -136,7 +136,6 @@
     --b3-protyle-inline-s-color: #e8eaed;
     --b3-protyle-inline-link-color: #8ab4f8;
     --b3-protyle-inline-mark-background: rgb(50, 89, 61);
-    --b3-protyle-inline-mark-hl-background: #fffd38;
     --b3-protyle-inline-mark-color: #e8eaed;
     --b3-protyle-inline-tag-color: #9aa0a6;
     --b3-protyle-inline-blockref-color: #8957e5;
diff --git a/app/src/assets/scss/protyle/_wysiwyg.scss b/app/src/assets/scss/protyle/_wysiwyg.scss
index b7784ee16..20d411398 100644
--- a/app/src/assets/scss/protyle/_wysiwyg.scss
+++ b/app/src/assets/scss/protyle/_wysiwyg.scss
@@ -188,7 +188,8 @@
       color: var(--b3-protyle-inline-mark-color);
 
       &.search-mark--hl {
-        background-color: var(--b3-protyle-inline-mark-hl-background);;
+        background-color: var(--b3-theme-primary-lighter);
+        box-shadow: 0 0 0 .5px var(--b3-theme-on-background);
       }
     }