diff --git a/app/src/assets/scss/protyle/_wysiwyg.scss b/app/src/assets/scss/protyle/_wysiwyg.scss
index da586ecb9..0472d1bae 100644
--- a/app/src/assets/scss/protyle/_wysiwyg.scss
+++ b/app/src/assets/scss/protyle/_wysiwyg.scss
@@ -241,6 +241,15 @@
       color: var(--b3-protyle-inline-fileref-color);
     }
 
+    span[data-type~="block-ref"],
+    span[data-type~="file-annotation-ref"] {
+      cursor: pointer;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+
     &.render-node {
       min-height: 32px;
 
@@ -590,8 +599,6 @@
 .protyle-wysiwyg[data-readonly="false"] {
   span[data-type~="inline-math"],
   span[data-type~="tag"],
-  span[data-type~="block-ref"],
-  span[data-type~="file-annotation-ref"],
   .protyle-action__language,
   .img > span:nth-child(2),
   .render-node {
@@ -602,11 +609,6 @@
     background-color: var(--b3-theme-surface-lighter);
   }
 
-  span[data-type~="block-ref"]:hover,
-  span[data-type~="file-annotation-ref"]:hover {
-    opacity: 1;
-  }
-
   .code-block .protyle-action {
     -webkit-user-modify: read-only;