diff --git a/src/pages/ImageGallery/ImageGalleryPage.jsx b/src/pages/ImageGallery/ImageGalleryPage.jsx
index e5e9b52d..74d50208 100644
--- a/src/pages/ImageGallery/ImageGalleryPage.jsx
+++ b/src/pages/ImageGallery/ImageGalleryPage.jsx
@@ -190,7 +190,12 @@ const ImageGalleryPage = () => {
 
       {/* Card wrapper */}
       <div className="card shadow-sm">
-        <div className="card-body">
+        <div
+          className="card-body"
+          style={{
+            minHeight: (!images?.length && !isLoading) ? "500px" : "auto",
+          }}
+        >
           <div className="dataTables_length text-start py-1 px-0 col-md-4 col-12 mb-3">
             {!servicesLoading && assignedServices?.length > 0 && (
               assignedServices.length > 1 ? (
@@ -218,12 +223,10 @@ const ImageGalleryPage = () => {
             )}
           </div>
 
-          {/* Filter Chips */}
           {/* Filter Chips */}
           {appliedFiltersChips.length > 0 && (
             <div className="mb-3 d-flex flex-wrap gap-2 align-items-center">
               <strong className="me-2">Filters:</strong>
-
               {["Building", "Floor", "Work Area", "Activity", "Uploaded By", "Work Category"].map((label) => {
                 const chips = appliedFiltersChips.filter(c => c.label === label);
                 if (!chips.length) return null;
@@ -231,7 +234,10 @@ const ImageGalleryPage = () => {
                   <div key={label} className="d-flex align-items-center gap-1">
                     <strong>{label}:</strong>
                     {chips.map(chip => (
-                      <span key={chip.id} className="d-flex align-items-center bg-label-secondary px-2 py-1 rounded">
+                      <span
+                        key={chip.id}
+                        className="d-flex align-items-center bg-label-secondary px-2 py-1 rounded"
+                      >
                         {chip.value}
                         <button
                           type="button"
@@ -262,6 +268,7 @@ const ImageGalleryPage = () => {
               )}
             </div>
           )}
+
           {/* Gallery */}
           {isLoading ? (
             <ImageGallerySkeleton count={4} />
@@ -277,7 +284,6 @@ const ImageGalleryPage = () => {
               moment={moment}
             />
           )}
-
         </div>
       </div>
     </div>