diff --git a/app/src/assets/scss/protyle/_wysiwyg.scss b/app/src/assets/scss/protyle/_wysiwyg.scss
index b74cd9f1a..c5169b9ba 100644
--- a/app/src/assets/scss/protyle/_wysiwyg.scss
+++ b/app/src/assets/scss/protyle/_wysiwyg.scss
@@ -280,7 +280,7 @@
 
       &[data-type="NodeBlockQueryEmbed"] {
         background-color: var(--b3-embed-background);
-        border: 1px dashed var(--b3-theme-surface-lighter);
+        border: 1px dashed var(--b3-theme-on-surface-light);
         max-width: 100%;
         padding: 2px 4px;
 
@@ -289,7 +289,7 @@
 
         & > .protyle-wysiwyg__embed {
           -webkit-user-modify: read-only;
-          border-top: 1px dashed var(--b3-theme-surface-lighter);
+          border-top: 1px dashed var(--b3-theme-on-surface-light);
           position: relative;
 
           .code-block:hover .protyle-icon,