diff --git a/app/src/assets/scss/protyle/_wysiwyg.scss b/app/src/assets/scss/protyle/_wysiwyg.scss
index 30e4f8503..23379251f 100644
--- a/app/src/assets/scss/protyle/_wysiwyg.scss
+++ b/app/src/assets/scss/protyle/_wysiwyg.scss
@@ -553,7 +553,7 @@
   }
 
   &--animate {
-    animation: scale .3s ease-in-out;
+    animation: bottom2Top .3s ease-in-out;
   }
 
   div[data-type="NodeMathBlock"] {
diff --git a/app/src/assets/scss/util/_keyframes.scss b/app/src/assets/scss/util/_keyframes.scss
index e6ade24f7..62051ab79 100644
--- a/app/src/assets/scss/util/_keyframes.scss
+++ b/app/src/assets/scss/util/_keyframes.scss
@@ -50,15 +50,15 @@
   }
 }
 
-@keyframes scale {
+@keyframes bottom2Top {
   0% {
-    transform: scaleY(1.3);
+    transform: translateY(60px);
     transform-origin: 0 0;
     opacity: 0;
   }
 
   100% {
-    transform: scaleY(1);
+    transform: translateY(0);
   }
 }
 
diff --git a/app/src/protyle/ui/initUI.ts b/app/src/protyle/ui/initUI.ts
index ad9eedea2..aeb1e8c2c 100644
--- a/app/src/protyle/ui/initUI.ts
+++ b/app/src/protyle/ui/initUI.ts
@@ -172,7 +172,7 @@ export const initUI = (protyle: IProtyle) => {
                     focusByRange(range);
                 }
             }
-        })
+        });
     });
     let overAttr = false;
     protyle.element.addEventListener("mouseover", (event: KeyboardEvent & { target: HTMLElement }) => {