diff --git a/ui/litellm-dashboard/src/components/mcp_tools/mcp_servers.tsx b/ui/litellm-dashboard/src/components/mcp_tools/mcp_servers.tsx
index 2b95d27a6fd..4253d138371 100644
--- a/ui/litellm-dashboard/src/components/mcp_tools/mcp_servers.tsx
+++ b/ui/litellm-dashboard/src/components/mcp_tools/mcp_servers.tsx
@@ -40,6 +40,7 @@ const MCPServers: React.FC<MCPServerProps> = ({ accessToken, userRole, userID })
     data: mcpServers,
     isLoading: isLoadingServers,
     refetch,
+    dataUpdatedAt,
   } = useQuery({
     queryKey: ["mcpServers"],
     queryFn: () => {
@@ -47,7 +48,7 @@ const MCPServers: React.FC<MCPServerProps> = ({ accessToken, userRole, userID })
       return fetchMCPServers(accessToken)
     },
     enabled: !!accessToken,
-  }) as { data: MCPServer[]; isLoading: boolean; refetch: () => void }
+  }) as { data: MCPServer[]; isLoading: boolean; refetch: () => void; dataUpdatedAt: number }
 
   // state
   const [serverIdToDelete, setServerToDelete] = useState<string | null>(null)
@@ -117,11 +118,10 @@ const MCPServers: React.FC<MCPServerProps> = ({ accessToken, userRole, userID })
     setFilteredServers(filtered)
   }
 
-  // Initial and effect-based filtering
+  // Initial and effect-based filtering (trigger on query data updates)
   useEffect(() => {
     filterServers(selectedTeam, selectedMcpAccessGroup)
-    // eslint-disable-next-line
-  }, [mcpServers])
+  }, [dataUpdatedAt])
 
   const columns = React.useMemo(
     () =>