diff --git a/src/api/mcp_tokens.rs b/src/api/mcp_tokens.rs
index 173276f..def35d4 100644
--- a/src/api/mcp_tokens.rs
+++ b/src/api/mcp_tokens.rs
@@ -306,10 +306,10 @@ pub async fn get_mcp_client_configs(token: String) -> Result<McpClientConfigs, S
         );
         // (标题, 内容, 语言)：JSON 配置用 json 语法高亮，CLI 一行命令用 bash。
         let entries: [(&str, String, &str); 6] = [
+            ("Oh-My-Pi（~/.pi/agent/mcp.json 或 .pi/mcp.json）", c.omp_json, "json"),
             ("Claude Code（.mcp.json / ~/.claude.json）", c.claude_code_json, "json"),
             ("Cursor（~/.cursor/mcp.json）", c.cursor_json, "json"),
             ("Cline（cline_mcp_settings.json）", c.cline_json, "json"),
-            ("Oh-My-Pi（~/.pi/agent/mcp.json 或 .pi/mcp.json）", c.omp_json, "json"),
             ("通用（单 server entry）", c.generic_json, "json"),
             ("Claude Code CLI", c.claude_cli, "bash"),
         ];
diff --git a/src/pages/admin/mcp.rs b/src/pages/admin/mcp.rs
index 2d76b92..fc43e01 100644
--- a/src/pages/admin/mcp.rs
+++ b/src/pages/admin/mcp.rs
@@ -55,10 +55,10 @@ const LIFETIME_OPTIONS: &[(TokenLifetime, &str)] = &[
 /// 而非千篇一律的等高块。
 #[cfg(target_arch = "wasm32")]
 const CONFIG_SKELETON_SHAPES: &[(&str, &str)] = &[
+    ("width: 320px;", "height: 152px;"), // Oh-My-Pi JSON
     ("width: 260px;", "height: 168px;"), // Claude Code JSON
     ("width: 200px;", "height: 136px;"), // Cursor JSON
     ("width: 220px;", "height: 168px;"), // Cline JSON
-    ("width: 320px;", "height: 152px;"), // Oh-My-Pi JSON
     ("width: 160px;", "height: 104px;"), // 通用 JSON
     ("width: 140px;", "height: 56px;"),  // CLI 一行命令
 ];