diff --git a/app/src/assets/scss/protyle/_wysiwyg.scss b/app/src/assets/scss/protyle/_wysiwyg.scss
index c5169b9ba..aa9118deb 100644
--- a/app/src/assets/scss/protyle/_wysiwyg.scss
+++ b/app/src/assets/scss/protyle/_wysiwyg.scss
@@ -69,21 +69,20 @@
 
     &.list {
       padding: 0;
+      display: flex;
+      flex-direction: column;
 
-      .dragover {
-        &__top:not(.av__row) {
-          box-shadow: 0 -3px 0 var(--b3-theme-primary-lighter), inset 0 1px 0 var(--b3-theme-primary-lighter) !important;
-        }
+      & > .li:first-child {
+        margin-top: 0;
+      }
 
-        &__bottom:not(.av__row) {
-          box-shadow: 0 3px 0 var(--b3-theme-primary-lighter), inset 0 -1px 0 var(--b3-theme-primary-lighter) !important;
-        }
+      & > div:nth-last-child(2) {
+        margin-bottom: 0;
       }
     }
 
     &.li {
       padding: 0;
-      margin: 0;
       display: flex;
       flex-direction: column;
 
@@ -98,6 +97,19 @@
         border-left-color: var(--b3-scroll-color);
       }
 
+      & > [data-node-id] {
+        margin-left: 34px;
+        padding-right: 0;
+      }
+
+      & > div:nth-child(2) {
+        margin-top: 0;
+      }
+
+      & > div:nth-last-child(2) {
+        margin-bottom: 0;
+      }
+
       &[fold="1"] {
         &:before {
           content: none;
@@ -155,24 +167,6 @@
           border-radius: var(--b3-border-radius);
         }
       }
-
-      & > div:nth-child(2) {
-        margin-top: 0;
-      }
-
-      & > div:nth-last-child(2) {
-        margin-bottom: 0;
-      }
-
-      & > [data-node-id] {
-        margin-left: 34px;
-        padding-right: 0;
-
-        &.code-block {
-          margin-top: 4px;
-          margin-bottom: 4px;
-        }
-      }
     }
 
     &.sb {