Fix frame in MCP page

ai/model-context-protocol.mdx

@@ -16,24 +16,24 @@
 ## Accessing your MCP server
 
 <Note>
   MCP servers can only be generated for public documentation. Documentation behind end-user authentication cannot be accessed for server generation.
 </Note>
 
 Mintlify automatically generates an MCP server for your documentation and hosts it at your documentation URL with the `/mcp` path. For example, Mintlify's MCP server is available at `https://mintlify.com/docs/mcp`.
 
 You can see and copy your MCP server URL in your [dashboard](https://dashboard.mintlify.com/products/mcp).
 
 The `/mcp` path is reserved for hosted MCP servers and cannot be used for other navigation elements.
 
 ## Configuring your MCP server
 
-All MCP servers include the `search` tool by default, allowing users to query information from your docs in other tools.
+All MCP servers include the `search` tool by default, which allows users to query information from your docs in other tools.
 
 If you have a [Pro or Enterprise plan](https://mintlify.com/pricing?ref=mcp), you can expose endpoints from your OpenAPI specification as MCP tools.
 
 To expose endpoints as MCP tools, use the `mcp` object within the `x-mint` extension at either the file or endpoint level. For example, the Mintlify MCP server includes tools to create assistant chats, get status updates, and trigger updates.
 
 MCP servers follow a security-first approach where API endpoints are not exposed by default. You must explicitly enable endpoints to make them available as MCP tools. Only expose endpoints that are safe for public access through AI tools.
 
 <ResponseField name="mcp" type="object">
   The MCP configuration for the endpoint.
@@ -63,7 +63,7 @@
       "enabled": true
     }
   },
   // ...
   "paths": {
     "/api/v1/users": {
       "get": {
@@ -72,7 +72,7 @@
             "enabled": false // Disables MCP for this endpoint
           }
         },
         // ...
       }
     }
   }
@@ -220,7 +220,7 @@
 
 ### Example: Connecting to the Mintlify MCP server
 
 Connect to the Mintlify MCP server to interact with the Mintlify API and search our documentation. This will give you more accurate answers about how to use Mintlify in your local environment and demonstrates how you can help your users connect to your MCP server.
 
 <Tabs>
 <Tab title="Contextual menu">
@@ -240,7 +240,7 @@
     4. Select **Add**.
   </Step>
   <Step title="Access the MCP server in your chat">
     1. When using Claude, select the attachments button (the plus icon).
     2. Select the Mintlify MCP server.
     3. Ask Claude a question about Mintlify.
   </Step>
@@ -275,7 +275,7 @@
   <Step title="Open MCP settings">
     1. Use <kbd>Command</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd> (<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd> on Windows) to open the command palette.
     2. Search for "Open MCP settings".
     3. Select **Add custom MCP**. This will open the `mcp.json` file.
   </Step>
   <Step title="Configure the Mintlify MCP server">
     In `mcp.json`, add:
@@ -329,8 +329,8 @@
 You can view all available MCP tools in the **Available tools** section of the [MCP Server page](https://dashboard.mintlify.com/products/mcp) in your dashboard.
 
 <Frame>
-  <img src="/images/mcp/mcp-server-page-light.png" alt="MCP dashboard with Available tools section emphasized" class="block dark:hidden" />
-  <img src="/images/mcp/mcp-server-page-dark.png" alt="MCP dashboard with Available tools section emphasized" class="hidden dark:block" />
+  <img src="/images/mcp/mcp-server-page-light.png" alt="MCP dashboard with Available tools section emphasized" className="block dark:hidden" />
+  <img src="/images/mcp/mcp-server-page-dark.png" alt="MCP dashboard with Available tools section emphasized" className="hidden dark:block" />
 </Frame>
 
 ## Troubleshooting