diff --git a/web/app/components/tools/mcp/modal.tsx b/web/app/components/tools/mcp/modal.tsx
index 8edae8a2a5..4e8e38959c 100644
--- a/web/app/components/tools/mcp/modal.tsx
+++ b/web/app/components/tools/mcp/modal.tsx
@@ -36,7 +36,11 @@ const getIcon = (data?: ToolWithProvider) => {
     return DEFAULT_ICON as AppIconSelection
   if (typeof data.icon === 'string')
     return { type: 'image', url: data.icon, fileId: extractFileId(data.icon) } as AppIconSelection
-  return data.icon as unknown as AppIconSelection
+  return {
+    ...data.icon,
+    icon: data.icon.content,
+    type: 'emoji',
+  } as unknown as AppIconSelection
 }
 
 const MCPModal = ({