diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index 72c0bd3fb..2782b72eb 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -243,30 +243,6 @@
 
       .b3-button {
         margin: 5px 0 5px 1.625em;
-        color: var(--b3-theme-on-surface);
-        background-color: transparent;
-        font-size: 75%;
-
-        &:hover,
-        &:focus {
-          background-color: var(--b3-list-hover);
-          box-shadow: none;
-        }
-      }
-
-      svg {
-        height: 1.625em;
-        width: calc(1.625em - 8px);
-
-        &[data-type="set-page-size"] {
-          margin: 0 0 0 4px;
-          border-radius: var(--b3-border-radius);
-          padding: 0 4px;
-
-          &:hover {
-            background-color: var(--b3-theme-background);
-          }
-        }
       }
     }
   }
@@ -370,6 +346,11 @@
         color: var(--b3-theme-on-background);
       }
     }
+
+    &-load {
+      border-top: 1px solid var(--b3-border-color);
+      margin-top: 5px;
+    }
   }
 
   &__layout {
@@ -740,6 +721,34 @@
       }
     }
   }
+
+  &__button {
+    margin: 5px;
+    color: var(--b3-theme-on-surface);
+    background-color: transparent;
+    font-size: 75%;
+
+    &:hover,
+    &:focus {
+      background-color: var(--b3-list-hover);
+      box-shadow: none;
+    }
+
+    svg {
+      height: 1.625em;
+      width: calc(1.625em - 8px);
+
+      &[data-type="set-page-size"] {
+        margin: 0 0 0 4px;
+        border-radius: var(--b3-border-radius);
+        padding: 0 4px;
+
+        &:hover {
+          background-color: var(--b3-theme-background);
+        }
+      }
+    }
+  }
 }
 
 img.av__cellassetimg {
diff --git a/app/src/protyle/render/av/gallery/render.ts b/app/src/protyle/render/av/gallery/render.ts
index bce00e91b..a870289ba 100644
--- a/app/src/protyle/render/av/gallery/render.ts
+++ b/app/src/protyle/render/av/gallery/render.ts
@@ -165,8 +165,8 @@ ${cell.color ? `color:${cell.color};` : ""}">${renderCell(cell.value, rowIndex)}
 ${view.hideAttrViewName ? " av__gallery--top" : ""}">
         ${galleryHTML}
     </div>
-    <div class="av__row--util av__readonly--show">
-        <button class="b3-button${view.cardCount > view.cards.length ? "" : " fn__none"}" data-type="av-load-more">
+    <div class="av__gallery-load${view.cardCount > view.cards.length ? "" : " fn__none"}">
+        <button class="b3-button av__button" data-type="av-load-more">
             <svg><use xlink:href="#iconArrowDown"></use></svg>
             <span>${window.siyuan.languages.loadMore}</span>
             <svg data-type="set-page-size" data-size="${view.pageSize}"><use xlink:href="#iconMore"></use></svg>
diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index f56c439e9..29dad8ade 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -229,12 +229,12 @@ ${cell.color ? `color:${cell.color};` : ""}">${renderCell(cell.value, rowIndex)}
     ${tableHTML}
     <div class="av__row--util${data.rowCount > data.rows.length ? " av__readonly--show" : ""}">
         <div class="av__colsticky">
-            <button class="b3-button" data-type="av-add-bottom">
+            <button class="b3-button av__button" data-type="av-add-bottom">
                 <svg><use xlink:href="#iconAdd"></use></svg>
                 <span>${window.siyuan.languages.newRow}</span>
             </button>
             <span class="fn__space"></span>
-            <button class="b3-button${data.rowCount > data.rows.length ? "" : " fn__none"}" data-type="av-load-more">
+            <button class="b3-button av__button${data.rowCount > data.rows.length ? "" : " fn__none"}" data-type="av-load-more">
                 <svg><use xlink:href="#iconArrowDown"></use></svg>
                 <span>${window.siyuan.languages.loadMore}</span>
                 <svg data-type="set-page-size" data-size="${data.pageSize}"><use xlink:href="#iconMore"></use></svg>