diff --git a/web/src/app/settings/tabs/about-tab.tsx b/web/src/app/settings/tabs/about-tab.tsx
index 738a917..d2dd515 100644
--- a/web/src/app/settings/tabs/about-tab.tsx
+++ b/web/src/app/settings/tabs/about-tab.tsx
@@ -12,3 +12,4 @@ export const AboutTab: Tab = () => {
   return <Markdown>{about}</Markdown>;
 };
 AboutTab.icon = BadgeInfo;
+AboutTab.displayName = "About";
diff --git a/web/src/app/settings/tabs/general-tab.tsx b/web/src/app/settings/tabs/general-tab.tsx
index 0bfd720..18839aa 100644
--- a/web/src/app/settings/tabs/general-tab.tsx
+++ b/web/src/app/settings/tabs/general-tab.tsx
@@ -179,5 +179,5 @@ export const GeneralTab: Tab = ({
     </div>
   );
 };
-GeneralTab.displayName = "";
+GeneralTab.displayName = "General";
 GeneralTab.icon = Settings;
diff --git a/web/src/app/settings/tabs/index.tsx b/web/src/app/settings/tabs/index.tsx
index 43ceadd..a98a137 100644
--- a/web/src/app/settings/tabs/index.tsx
+++ b/web/src/app/settings/tabs/index.tsx
@@ -8,7 +8,7 @@ import { GeneralTab } from "./general-tab";
 import { MCPTab } from "./mcp-tab";
 
 export const SETTINGS_TABS = [GeneralTab, MCPTab, AboutTab].map((tab) => {
-  const name = tab.name ?? tab.displayName;
+  const name = tab.displayName ?? tab.name;
   return {
     ...tab,
     id: name.replace(/Tab$/, "").toLocaleLowerCase(),
diff --git a/web/src/app/settings/tabs/mcp-tab.tsx b/web/src/app/settings/tabs/mcp-tab.tsx
index 8fee3f5..e57178b 100644
--- a/web/src/app/settings/tabs/mcp-tab.tsx
+++ b/web/src/app/settings/tabs/mcp-tab.tsx
@@ -180,6 +180,7 @@ export const MCPTab: Tab = ({ settings, onChange }) => {
 };
 MCPTab.icon = Blocks;
 MCPTab.badge = "Beta";
+MCPTab.displayName = "MCP";
 
 function mergeServers(
   existing: MCPServerMetadata[],