diff --git a/packages/pluggableWidgets/datagrid-web/CHANGELOG.md b/packages/pluggableWidgets/datagrid-web/CHANGELOG.md
index fa3c5989f1..fbe69d84b6 100644
--- a/packages/pluggableWidgets/datagrid-web/CHANGELOG.md
+++ b/packages/pluggableWidgets/datagrid-web/CHANGELOG.md
@@ -8,6 +8,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### Fixed
 
+- We fixed an issue where the footer would take up unnecessary spacing when no content was rendered inside.
+
+### Added
+
 - We added missing Dutch translations for Datagrid 2.
 
 ### Changed
diff --git a/packages/pluggableWidgets/datagrid-web/src/components/WidgetFooter.tsx b/packages/pluggableWidgets/datagrid-web/src/components/WidgetFooter.tsx
index 867b35f75b..ccaf2820ad 100644
--- a/packages/pluggableWidgets/datagrid-web/src/components/WidgetFooter.tsx
+++ b/packages/pluggableWidgets/datagrid-web/src/components/WidgetFooter.tsx
@@ -6,13 +6,23 @@ import { useSelectionCounterViewModel } from "../features/selection-counter/inje
 import { useCustomPagination, usePaginationConfig, usePaginationVM, useTexts } from "../model/hooks/injection-hooks";
 import { Pagination } from "./Pagination";
 
-export const WidgetFooter = observer(function WidgetFooter(): ReactElement {
+export const WidgetFooter = observer(function WidgetFooter(): ReactElement | null {
     const pgConfig = usePaginationConfig();
     const paging = usePaginationVM();
     const { loadMoreButtonCaption } = useTexts();
     const selectionCounterVM = useSelectionCounterViewModel();
     const customPagination = useCustomPagination();
 
+    const showFooter =
+        selectionCounterVM.isBottomCounterVisible ||
+        paging.paginationVisible ||
+        paging.showVirtualScrollingWithRowCount ||
+        paging.showLoadMore;
+
+    if (!showFooter) {
+        return null;
+    }
+
     return (
         <div className="widget-datagrid-footer table-footer">
             <div className="widget-datagrid-paging-bottom">
diff --git a/packages/pluggableWidgets/datagrid-web/src/features/pagination/Pagination.viewModel.ts b/packages/pluggableWidgets/datagrid-web/src/features/pagination/Pagination.viewModel.ts
index 73dbacb148..c617b66b03 100644
--- a/packages/pluggableWidgets/datagrid-web/src/features/pagination/Pagination.viewModel.ts
+++ b/packages/pluggableWidgets/datagrid-web/src/features/pagination/Pagination.viewModel.ts
@@ -22,6 +22,8 @@ export class PaginationViewModel {
             pageSize: computed,
             currentPage: computed,
             paginationVisible: computed,
+            showLoadMore: computed,
+            showVirtualScrollingWithRowCount: computed,
             hasMoreItems: computed,
             totalCount: computed
         });
@@ -51,6 +53,14 @@ export class PaginationViewModel {
         }
     }
 
+    get showLoadMore(): boolean {
+        return this.hasMoreItems && this.pagination === "loadMore";
+    }
+
+    get showVirtualScrollingWithRowCount(): boolean {
+        return this.pagination === "virtualScrolling" && this.config.showNumberOfRows;
+    }
+
     get hasMoreItems(): boolean {
         return this.query.hasMoreItems;
     }
diff --git a/packages/pluggableWidgets/gallery-web/CHANGELOG.md b/packages/pluggableWidgets/gallery-web/CHANGELOG.md
index a3cc035bf1..2fef6a8e3e 100644
--- a/packages/pluggableWidgets/gallery-web/CHANGELOG.md
+++ b/packages/pluggableWidgets/gallery-web/CHANGELOG.md
@@ -8,6 +8,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### Fixed
 
+- We fixed an issue where the footer would take up unnecessary spacing when no content was rendered inside.
 - We fixed an issue where the row count wasn't displayed when "Virtual scroll" is on.
 
 ### Added
diff --git a/packages/pluggableWidgets/gallery-web/src/components/Gallery.tsx b/packages/pluggableWidgets/gallery-web/src/components/Gallery.tsx
index 223a9f2e46..56d2b458b1 100644
--- a/packages/pluggableWidgets/gallery-web/src/components/Gallery.tsx
+++ b/packages/pluggableWidgets/gallery-web/src/components/Gallery.tsx
@@ -87,6 +87,9 @@ export function Gallery<T extends ObjectItem>(props: GalleryProps<T>): ReactElem
     const showTopSelectionCounter = selectionCounter && props.selectionCountPosition === "top";
     const showBottomSelectionCounter = selectionCounter && props.selectionCountPosition === "bottom";
 
+    const showLoadMore = props.paginationType === "loadMore";
+    const showFooter = showBottomSelectionCounter || showBottomPagination || showLoadMore;
+
     return (
         <GalleryRoot
             className={props.className}
@@ -140,21 +143,25 @@ export function Gallery<T extends ObjectItem>(props: GalleryProps<T>): ReactElem
                         <div className="empty-placeholder">{children}</div>
                     </section>
                 ))}
-            <GalleryFooter>
-                <div className="widget-gallery-footer-controls">
-                    {showBottomSelectionCounter && <div className="widget-gallery-fc-start">{selectionCounter}</div>}
+            {showFooter && (
+                <GalleryFooter>
+                    <div className="widget-gallery-footer-controls">
+                        {showBottomSelectionCounter && (
+                            <div className="widget-gallery-fc-start">{selectionCounter}</div>
+                        )}
 
-                    <div className="widget-gallery-fc-end">
-                        {showBottomPagination && pagination}
-                        {props.paginationType === "loadMore" &&
-                            (props.preview ? (
-                                <LoadMorePreview>{loadMoreButtonCaption}</LoadMorePreview>
-                            ) : (
-                                <LoadMore>{loadMoreButtonCaption}</LoadMore>
-                            ))}
+                        <div className="widget-gallery-fc-end">
+                            {showBottomPagination && pagination}
+                            {showLoadMore &&
+                                (props.preview ? (
+                                    <LoadMorePreview>{loadMoreButtonCaption}</LoadMorePreview>
+                                ) : (
+                                    <LoadMore>{loadMoreButtonCaption}</LoadMore>
+                                ))}
+                        </div>
                     </div>
-                </div>
-            </GalleryFooter>
+                </GalleryFooter>
+            )}
         </GalleryRoot>
     );
 }
diff --git a/packages/pluggableWidgets/gallery-web/src/components/__tests__/__snapshots__/Gallery.spec.tsx.snap b/packages/pluggableWidgets/gallery-web/src/components/__tests__/__snapshots__/Gallery.spec.tsx.snap
index 1bf1c40de9..3c0d5c3e18 100644
--- a/packages/pluggableWidgets/gallery-web/src/components/__tests__/__snapshots__/Gallery.spec.tsx.snap
+++ b/packages/pluggableWidgets/gallery-web/src/components/__tests__/__snapshots__/Gallery.spec.tsx.snap
@@ -53,17 +53,6 @@ exports[`Gallery DOM Structure renders correctly 1`] = `
         </div>
       </div>
     </div>
-    <div
-      class="widget-gallery-footer"
-    >
-      <div
-        class="widget-gallery-footer-controls"
-      >
-        <div
-          class="widget-gallery-fc-end"
-        />
-      </div>
-    </div>
   </div>
 </DocumentFragment>
 `;
@@ -136,17 +125,6 @@ exports[`Gallery DOM Structure renders correctly with onclick event 1`] = `
         </div>
       </div>
     </div>
-    <div
-      class="widget-gallery-footer"
-    >
-      <div
-        class="widget-gallery-footer-controls"
-      >
-        <div
-          class="widget-gallery-fc-end"
-        />
-      </div>
-    </div>
   </div>
 </DocumentFragment>
 `;
@@ -207,17 +185,6 @@ exports[`Gallery with accessibility properties renders correctly with items 1`]
         </div>
       </div>
     </div>
-    <div
-      class="widget-gallery-footer"
-    >
-      <div
-        class="widget-gallery-footer-controls"
-      >
-        <div
-          class="widget-gallery-fc-end"
-        />
-      </div>
-    </div>
   </div>
 </DocumentFragment>
 `;
@@ -256,17 +223,6 @@ exports[`Gallery with accessibility properties renders correctly without items 1
         </span>
       </div>
     </section>
-    <div
-      class="widget-gallery-footer"
-    >
-      <div
-        class="widget-gallery-footer-controls"
-      >
-        <div
-          class="widget-gallery-fc-end"
-        />
-      </div>
-    </div>
   </div>
 </DocumentFragment>
 `;
@@ -304,17 +260,6 @@ exports[`Gallery with empty option renders correctly 1`] = `
         </span>
       </div>
     </section>
-    <div
-      class="widget-gallery-footer"
-    >
-      <div
-        class="widget-gallery-footer-controls"
-      >
-        <div
-          class="widget-gallery-fc-end"
-        />
-      </div>
-    </div>
   </div>
 </DocumentFragment>
 `;
@@ -491,17 +436,6 @@ exports[`Gallery with pagination renders correctly 1`] = `
         </div>
       </div>
     </div>
-    <div
-      class="widget-gallery-footer"
-    >
-      <div
-        class="widget-gallery-footer-controls"
-      >
-        <div
-          class="widget-gallery-fc-end"
-        />
-      </div>
-    </div>
   </div>
 </DocumentFragment>
 `;
@@ -553,17 +487,6 @@ exports[`Gallery without filters renders structure without header container 1`]
         </div>
       </div>
     </div>
-    <div
-      class="widget-gallery-footer"
-    >
-      <div
-        class="widget-gallery-footer-controls"
-      >
-        <div
-          class="widget-gallery-fc-end"
-        />
-      </div>
-    </div>
   </div>
 </DocumentFragment>
 `;