diff --git a/ui/litellm-dashboard/src/components/mcp_tools/create_mcp_server.tsx b/ui/litellm-dashboard/src/components/mcp_tools/create_mcp_server.tsx
index 66241b6a12a..318b804196e 100644
--- a/ui/litellm-dashboard/src/components/mcp_tools/create_mcp_server.tsx
+++ b/ui/litellm-dashboard/src/components/mcp_tools/create_mcp_server.tsx
@@ -13,6 +13,10 @@ import { createMCPServer } from "../networking";
 import { MCPServer } from "./types";
 import { isAdminRole } from "@/utils/roles";
 
+
+const asset_logos_folder = '../ui/assets/logos/';
+export const mcpLogoImg = `${asset_logos_folder}mcp_logo.png`;
+
 interface CreateMCPServerProps {
   userRole: string;
   accessToken: string | null;
@@ -77,12 +81,10 @@ const CreateMCPServer: React.FC<CreateMCPServerProps> = ({
           <div className="flex items-center space-x-3 pb-4 border-b border-gray-100">
             <div className="w-10 h-10 bg-white rounded-lg flex items-center justify-center shadow-sm border border-gray-200">
               <img 
-                src="/assets/logos/mcp_logo.png" 
+                src={mcpLogoImg}
                 alt="MCP Logo" 
                 className="w-8 h-8 object-contain"
               />
-            </div>
-            <div>
               <h2 className="text-xl font-semibold text-gray-900">Add New MCP Server</h2>
               <p className="text-sm text-gray-500 mt-1">Configure your MCP server connection</p>
             </div>
@@ -238,7 +240,7 @@ const CreateMCPServer: React.FC<CreateMCPServerProps> = ({
                 variant="primary"
                 loading={isLoading}
               >
-                {isLoading ? 'Creating...' : 'Create MCP Server'}
+                {isLoading ? 'Creating...' : 'Add MCP Server'}
               </Button>
             </div>
           </Form>