diff --git a/app/src/protyle/render/av/gallery/item.ts b/app/src/protyle/render/av/gallery/item.ts
index 15b909f24..e8df91192 100644
--- a/app/src/protyle/render/av/gallery/item.ts
+++ b/app/src/protyle/render/av/gallery/item.ts
@@ -21,7 +21,7 @@ export const insertGalleryItemAnimation = (options: {
         sideItemElement = options.blockElement.querySelector(groupQuery + ".av__gallery-add").previousElementSibling;
     }
     let cellsHTML = "";
-    sideItemElement.querySelectorAll(".av__cell").forEach((item: HTMLElement) => {
+    sideItemElement?.querySelectorAll(".av__cell").forEach((item: HTMLElement) => {
         let lineNumber = 1;
         const fieldType = getTypeByCellElement(item);
         if (fieldType === "lineNumber") {
diff --git a/app/src/protyle/render/av/gallery/render.ts b/app/src/protyle/render/av/gallery/render.ts
index a34fba6e9..1ed74bc94 100644
--- a/app/src/protyle/render/av/gallery/render.ts
+++ b/app/src/protyle/render/av/gallery/render.ts
@@ -108,7 +108,7 @@ const renderGroupGallery = (options: ITableOptions) => {
     options.data.view.groups.forEach((group: IAVGallery) => {
         if (group.groupHidden === 0) {
             group.fields = (options.data.view as IAVGallery).fields;
-            avBodyHTML += `${getGroupTitleHTML(group, group.fields.length)}
+            avBodyHTML += `${getGroupTitleHTML(group, group.cards.length)}
 <div data-group-id="${group.id}" data-page-size="${group.pageSize}" class="av__body${group.groupFolded ? " fn__none" : ""}">${getGalleryHTML(group, options.resetData.selectItemIds, options.resetData.editIds)}</div>`;
         }
     });