From 1c53a686d5d9ec9b4ba68b187fa7e0fba0043f50 Mon Sep 17 00:00:00 2001
From: Ishaan Jaffer <ishaanjaffer0324@gmail.com>
Date: Thu, 16 Oct 2025 17:48:27 -0700
Subject: [PATCH] fix e2eui

---
 .../teams/components/modals/CreateTeamModal.tsx            | 4 ++--
 .../components/CostTrackingSettings/add_provider_form.tsx  | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/teams/components/modals/CreateTeamModal.tsx b/ui/litellm-dashboard/src/app/(dashboard)/teams/components/modals/CreateTeamModal.tsx
index e6d9a85898e..ee1ec50c83d 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/teams/components/modals/CreateTeamModal.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/teams/components/modals/CreateTeamModal.tsx
@@ -102,11 +102,11 @@ const CreateTeamModal = ({
     console.log(`models: ${models}`);
     setModelsToPick(models);
     form.setFieldValue("models", []);
-  }, [currentOrgForCreateTeam, userModels]);
+  }, [currentOrgForCreateTeam, userModels, form]);
 
   useEffect(() => {
     fetchMcpAccessGroups();
-  }, [accessToken]);
+  }, [accessToken, fetchMcpAccessGroups]);
 
   useEffect(() => {
     const fetchGuardrails = async () => {
diff --git a/ui/litellm-dashboard/src/components/CostTrackingSettings/add_provider_form.tsx b/ui/litellm-dashboard/src/components/CostTrackingSettings/add_provider_form.tsx
index 3e626606b89..2d530be71eb 100644
--- a/ui/litellm-dashboard/src/components/CostTrackingSettings/add_provider_form.tsx
+++ b/ui/litellm-dashboard/src/components/CostTrackingSettings/add_provider_form.tsx
@@ -1,7 +1,8 @@
 import React from "react";
-import { Text, TextInput, Button } from "@tremor/react";
+import { TextInput, Button } from "@tremor/react";
 import { Select as AntdSelect, Form, Tooltip } from "antd";
 import { InfoCircleOutlined } from "@ant-design/icons";
+import Image from "next/image";
 import { Providers, provider_map, providerLogoMap } from "../provider_info_helpers";
 import { DiscountConfig } from "./types";
 import { handleImageError } from "./provider_display_helpers";
@@ -57,9 +58,11 @@ const AddProviderForm: React.FC<AddProviderFormProps> = ({
             return (
               <AntdSelect.Option key={providerEnum} value={providerEnum} label={providerDisplayName}>
                 <div className="flex items-center space-x-2">
-                  <img
+                  <Image
                     src={providerLogoMap[providerDisplayName]}
                     alt={`${providerEnum} logo`}
+                    width={20}
+                    height={20}
                     className="w-5 h-5"
                     onError={(e) => handleImageError(e, providerDisplayName)}
                   />