diff --git a/ui/src/app/metadata/hoc/MetadataXmlLoader.js b/ui/src/app/metadata/hoc/MetadataXmlLoader.js
index ffc1c8bcf..e5453a519 100644
--- a/ui/src/app/metadata/hoc/MetadataXmlLoader.js
+++ b/ui/src/app/metadata/hoc/MetadataXmlLoader.js
@@ -13,7 +13,7 @@ export function MetadataXmlLoader({ children }) {
     const [xml, setXml] = React.useState();
 
     async function loadMetadataXml(id) {
-        const data = await get(`/${id}`)
+        const data = await get(`/${id}`);
         if (response.ok) {
             setXml(data);
         }
@@ -22,12 +22,16 @@ export function MetadataXmlLoader({ children }) {
     /*eslint-disable react-hooks/exhaustive-deps*/
     React.useEffect(() => {
         if (type === 'source') {
-            loadMetadataXml(id)
+            reload()
         }
     }, [id]);
 
+    function reload() {
+        loadMetadataXml(id);
+    }
+
     return (
-        <MetadataXmlContext.Provider value={xml}>
+        <MetadataXmlContext.Provider value={{reload, xml}}>
             {children}
         </MetadataXmlContext.Provider>
     );
diff --git a/ui/src/app/metadata/view/MetadataXml.js b/ui/src/app/metadata/view/MetadataXml.js
index 5144b14af..17e79d26a 100644
--- a/ui/src/app/metadata/view/MetadataXml.js
+++ b/ui/src/app/metadata/view/MetadataXml.js
@@ -12,12 +12,17 @@ import { MetadataViewToggle } from '../component/MetadataViewToggle';
 import { downloadAsXml } from '../../core/utility/download_as_xml';
 
 export function MetadataXml () {
-    const xml = React.useContext(MetadataXmlContext);
+    const { xml, reload } = React.useContext(MetadataXmlContext);
     const entity = React.useContext(MetadataObjectContext);
     const { type } = useParams();
 
     const download = () => downloadAsXml(entity.name ? entity.name : entity.serviceProviderName, xml);
 
+    /*eslint-disable react-hooks/exhaustive-deps*/
+    React.useEffect(() => {
+        reload();
+    }, []);
+
     return (
         <>
         <h2 className="mb-4">