+                    
                     
                         User request received
                         Your request has been received and is being reviewed. You will be notified with access status.
diff --git a/ui/public/unsecured/favicon-96x96.png b/ui/public/unsecured/favicon-96x96.png
new file mode 100644
index 000000000..e19516fff
Binary files /dev/null and b/ui/public/unsecured/favicon-96x96.png differ
diff --git a/ui/public/unsecured/favicon.ico b/ui/public/unsecured/favicon.ico
new file mode 100644
index 000000000..9c1f419d3
Binary files /dev/null and b/ui/public/unsecured/favicon.ico differ
diff --git a/ui/public/unsecured/shibboleth_icon_color_130x130.png b/ui/public/unsecured/shibboleth_icon_color_130x130.png
new file mode 100644
index 000000000..313df313e
Binary files /dev/null and b/ui/public/unsecured/shibboleth_icon_color_130x130.png differ
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 (
-        
+        
             {children}
         
     );
diff --git a/ui/src/app/metadata/new/NewProvider.js b/ui/src/app/metadata/new/NewProvider.js
index e181747b8..9a9b87ad7 100644
--- a/ui/src/app/metadata/new/NewProvider.js
+++ b/ui/src/app/metadata/new/NewProvider.js
@@ -7,7 +7,7 @@ import { MetadataProviderTypeSelector } from '../wizard/MetadataProviderTypeSele
 
 export function NewProvider() {
 
-    const { data = [] } = useMetadataProviderTypes({}, []);
+    const { data = [], loading } = useMetadataProviderTypes({}, []);
 
     return (
         
@@ -20,7 +20,7 @@ export function NewProvider() {
                     
                  
                 
-                    
+                    
                         {(data, onRestart) =>
                         
                              downloadAsXml(entity.name ? entity.name : entity.serviceProviderName, xml);
 
+    /*eslint-disable react-hooks/exhaustive-deps*/
+    React.useEffect(() => {
+        reload();
+    }, []);
+
     return (
         <>
         
diff --git a/ui/src/app/metadata/wizard/MetadataFilterTypeSelector.js b/ui/src/app/metadata/wizard/MetadataFilterTypeSelector.js
index 8318bbda1..ff16b61a4 100644
--- a/ui/src/app/metadata/wizard/MetadataFilterTypeSelector.js
+++ b/ui/src/app/metadata/wizard/MetadataFilterTypeSelector.js
@@ -46,9 +46,9 @@ export function MetadataFilterTypeSelector({ types = [], children, actions}) {
                                     
                                     
-                                        
+                                        
                                         {types.map(t => )}
                                     
                                 
diff --git a/ui/src/app/metadata/wizard/MetadataProviderTypeSelector.js b/ui/src/app/metadata/wizard/MetadataProviderTypeSelector.js
index fbc890fb9..e53f06b13 100644
--- a/ui/src/app/metadata/wizard/MetadataProviderTypeSelector.js
+++ b/ui/src/app/metadata/wizard/MetadataProviderTypeSelector.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { faArrowCircleRight, faSpinner } from '@fortawesome/free-solid-svg-icons';
+import { faArrowCircleRight, faAsterisk, faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
 import { useForm } from 'react-hook-form';
@@ -10,11 +10,11 @@ import { InfoIcon } from '../../form/component/InfoIcon';
 import { useTranslator } from '../../i18n/hooks';
 import { useMetadataProviders } from '../hooks/api';
 
-export function MetadataProviderTypeSelector({ type, types = [], children}) {
+export function MetadataProviderTypeSelector({ type, types = [], loading, children}) {
 
     const translator = useTranslator();
 
-    const { data = [], loading } = useMetadataProviders({cachePolicy: 'no-cache'}, []);
+    const { data = [] } = useMetadataProviders({cachePolicy: 'no-cache'}, []);
 
     const [showSelector, setShowSelector] = React.useState(true);
 
@@ -81,7 +81,10 @@ export function MetadataProviderTypeSelector({ type, types = [], children}) {
                             
                                     
-                                        
+                                        
+                                            
+                                             
+                                        
                                         
                                     
                                     
                                         
                                             
+                                            
                                             {loading &&  }