diff --git a/src/components/mcp/McpFormModal.tsx b/src/components/mcp/McpFormModal.tsx
index e14b7d0..f006fa7 100644
--- a/src/components/mcp/McpFormModal.tsx
+++ b/src/components/mcp/McpFormModal.tsx
@@ -3,6 +3,7 @@ import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import {
   Save,
+  Plus,
   AlertCircle,
   ChevronDown,
   ChevronUp,
@@ -663,7 +664,7 @@ const McpFormModal: React.FC<McpFormModalProps> = ({
                 disabled={saving || (!isEditing && !!idError)}
                 variant="mcp"
               >
-                <Save size={16} />
+                {isEditing ? <Save size={16} /> : <Plus size={16} />}
                 {saving
                   ? t("common.saving")
                   : isEditing
diff --git a/src/components/mcp/McpPanel.tsx b/src/components/mcp/McpPanel.tsx
index 20ff91c..2698ea5 100644
--- a/src/components/mcp/McpPanel.tsx
+++ b/src/components/mcp/McpPanel.tsx
@@ -131,7 +131,7 @@ const McpPanel: React.FC<McpPanelProps> = ({ open, onOpenChange, appType }) => {
           </DialogHeader>
 
           {/* Info Section */}
-          <div className="flex-shrink-0 px-6">
+          <div className="flex-shrink-0 px-6 py-4">
             <div className="text-sm text-gray-500 dark:text-gray-400">
               {t("mcp.serverCount", { count: Object.keys(servers).length })} ·{" "}
               {t("mcp.enabledCount", { count: enabledCount })}
@@ -139,7 +139,7 @@ const McpPanel: React.FC<McpPanelProps> = ({ open, onOpenChange, appType }) => {
           </div>
 
           {/* Content - Scrollable */}
-          <div className="flex-1 overflow-y-auto px-6 py-4">
+          <div className="flex-1 overflow-y-auto px-6 pb-4">
             {loading ? (
               <div className="text-center py-12 text-gray-500 dark:text-gray-400">
                 {t("mcp.loading")}