diff --git a/public/locales/en.json b/public/locales/en.json
index 6cf67f34..da3857bc 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -290,7 +290,7 @@
   "Graphs": {
     "colorsProvider": "Provider",
     "colorsProviderConfig": "Provider Config",
-    "colorizedTitle": "Colorized Graph by: ",
+    "colorizedTitle": "Visualize: ",
     "loadingError": "Error loading graph data",
     "loadingGraph": "Loading graph data...",
     "noResources": "No resources to display"
diff --git a/src/lib/api/useApiResource.ts b/src/lib/api/useApiResource.ts
index ed52f187..42f304ef 100644
--- a/src/lib/api/useApiResource.ts
+++ b/src/lib/api/useApiResource.ts
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useState } from 'react';
+import { useContext, useEffect, useState, useRef } from 'react';
 import useSWR, { SWRConfiguration, useSWRConfig } from 'swr';
 import { fetchApiServerJson } from './fetch';
 import { ApiConfigContext } from '../../components/Shared/k8s';
@@ -120,17 +120,19 @@ export const useProvidersConfigResource = (config?: SWRConfiguration) => {
   };
   const [configs, setConfigs] = useState<ProviderConfigs[]>([]);
   const [isLoading, setIsLoading] = useState(true);
+  const initialLoaded = useRef(false);
 
   useEffect(() => {
     const fetchDataAndUpdateState = async () => {
-      setIsLoading(true);
+      if (!initialLoaded.current) setIsLoading(true);
       try {
         await fetchProviderConfigsData();
         const finalData = await fetchProviderConfigs();
 
         setConfigs(finalData);
-        if (finalData.length > 0) {
+        if (!initialLoaded.current) {
           setIsLoading(false);
+          initialLoaded.current = true;
         }
       } catch (_) {
         setIsLoading(false);