diff --git a/src/Components/Facility/FacilityHome.tsx b/src/Components/Facility/FacilityHome.tsx
index f1322e4d20e..477a95ab71c 100644
--- a/src/Components/Facility/FacilityHome.tsx
+++ b/src/Components/Facility/FacilityHome.tsx
@@ -4,7 +4,7 @@ import { NonReadOnlyUsers } from "../../Utils/AuthorizeFor";
 import { FacilityModel } from "./models";
 import { FACILITY_FEATURE_TYPES, USER_TYPES } from "../../Common/constants";
 import DropdownMenu, { DropdownItem } from "../Common/components/Menu";
-import { lazy, useState } from "react";
+import { lazy, useEffect, useState } from "react";
 
 import ButtonV2 from "../Common/components/ButtonV2";
 import CareIcon from "../../CAREUI/icons/CareIcon";
@@ -58,6 +58,8 @@ export const FacilityHome = ({ facilityId }: Props) => {
   const [openDeleteDialog, setOpenDeleteDialog] = useState(false);
   const [editCoverImage, setEditCoverImage] = useState(false);
   const [coverImageEdited, setCoverImageEdited] = useState(false);
+  const [coverImageLoaded, setCoverImageLoaded] = useState(false);
+  const [coverImageUrl, setCoverImageUrl] = useState<string | undefined>("");
   const authUser = useAuthUser();
 
   const {
@@ -75,6 +77,27 @@ export const FacilityHome = ({ facilityId }: Props) => {
     },
   });
 
+  const fetchImage = async () => {
+    try {
+      let imageUrl = facilityData?.read_cover_image_url;
+      if (imageUrl) {
+        await fetch(`${imageUrl}`, {
+          headers: { "Force-Revalidate": "1" },
+          credentials: "include",
+          mode: "no-cors",
+        });
+        imageUrl += "?" + Date.now();
+        setCoverImageUrl(imageUrl);
+      }
+    } catch (error) {
+      return;
+    }
+  };
+
+  useEffect(() => {
+    setCoverImageUrl(facilityData?.read_cover_image_url);
+  }, [facilityData?.read_cover_image_url]);
+
   const handleDeleteClose = () => {
     setOpenDeleteDialog(false);
   };
@@ -125,11 +148,12 @@ export const FacilityHome = ({ facilityId }: Props) => {
   const CoverImage = () => (
     <>
       <img
-        src={`${facilityData?.read_cover_image_url}`}
+        src={coverImageUrl}
         alt={facilityData?.name}
         className="h-full w-full rounded-lg object-cover"
+        onLoad={() => setCoverImageLoaded(true)}
       />
-      {coverImageEdited && (
+      {coverImageEdited && !coverImageLoaded && (
         <div className="absolute inset-x-0 bottom-0 w-full rounded-b-md bg-black/70 px-2 pb-0.5 backdrop-blur-sm">
           <span className="text-center text-xs font-medium text-secondary-100">
             {t("cover_image_updated_note")}
@@ -163,6 +187,7 @@ export const FacilityHome = ({ facilityId }: Props) => {
         open={editCoverImage}
         onSave={() => {
           facilityFetch();
+          fetchImage();
           setCoverImageEdited(true);
         }}
         onClose={() => setEditCoverImage(false)}