diff --git a/ui/litellm-dashboard/src/components/templates/model_dashboard.tsx b/ui/litellm-dashboard/src/components/templates/model_dashboard.tsx
index 005ccce66f77..524bd98af2ac 100644
--- a/ui/litellm-dashboard/src/components/templates/model_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/templates/model_dashboard.tsx
@@ -661,18 +661,15 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
     if (accessToken && token && userRole && userID) {
       fetchData();
     }
+  }, [accessToken, token, userRole, userID, selectedTeam]);
 
-    const fetchModelMap = async () => {
+  useEffect(() => {
+    if (!accessToken || modelMap) return;
+    (async () => {
       const data = await modelCostMap(accessToken);
-      console.log(`received model cost map data: ${Object.keys(data)}`);
       setModelMap(data);
-    };
-    if (modelMap == null) {
-      fetchModelMap();
-    }
-
-    handleRefreshClick();
-  }, [accessToken, token, userRole, userID, modelMap, lastRefreshed, selectedTeam]);
+    })();
+  }, [accessToken, modelMap]);
 
   if (!modelData) {
     return <div>Loading...</div>;