diff --git a/docs/images/image.png b/docs/images/image.png
index 92334cb30..390ec3169 100644
--- a/docs/images/image.png
+++ b/docs/images/image.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8a66f18d1a155e887242c0d7ee317d67daf764082a2dcd08e6c86dfe1bee04ac
-size 110163
+oid sha256:8145a0df6dc588de127824f3a808337be7c8b4bd6d32578f5218f01d24c0bebf
+size 102624
diff --git a/docs/integrations/n8n.mdx b/docs/integrations/n8n.mdx
index 5a9d6c002..afeb037e7 100644
--- a/docs/integrations/n8n.mdx
+++ b/docs/integrations/n8n.mdx
@@ -25,7 +25,7 @@ npx n8n
 Access n8n at `http://localhost:5678` and complete the initial setup by creating an account.
 
 <Note>
-For global installation: `npm install n8n -g`, then run `n8n` anytime.
+  For global installation: `npm install n8n -g`, then run `n8n` anytime.
 </Note>
 
 ### Step 2: Install MCP Community Node
@@ -33,7 +33,7 @@ For global installation: `npm install n8n -g`, then run `n8n` anytime.
 Go to **Settings → Community Nodes** and install `n8n-nodes-mcp`:
 
 <Frame>
-  <img src="/images/n8n-node.png" alt="Install n8n-nodes-mcp community node" />
+  ![Install n8n-nodes-mcp community node](/images/n8n-node.png)
 </Frame>
 
 ### Step 3: Create Workflow
@@ -44,7 +44,7 @@ Create a new workflow and add the **AI Agent** node. Then configure it:
 2. In the AI Agent's **Tools** section, search for "mcp" and add **MCP Client Tool**
 
 <Frame>
-  <img src="/images/mcp-node.png" alt="Add MCP Client tool to AI Agent" />
+  ![Add MCP Client tool to AI Agent](/images/mcp-node.png)
 </Frame>
 
 ### Step 4: Configure AI Agent Prompt
@@ -56,7 +56,7 @@ choose the right tool based on the user input:{{ $json.chatInput }}
 ```
 
 <Frame>
-  <img src="/images/agent-step.png" alt="Configure AI Agent prompt" />
+  ![Configure AI Agent prompt](/images/agent-step.png)
 </Frame>
 
 ### Step 5: Configure MCP Client Credentials
@@ -69,7 +69,7 @@ Click on the **MCP Client** node to configure it:
 4. **Arguments**: `mcp-remote http://127.0.0.1:9101/mcp`
 
 <Note>
-Replace `9101` with your BrowserOS MCP port from **Settings → MCP** in BrowserOS.
+  Replace `9101` with your BrowserOS MCP port from **Settings → MCP** in BrowserOS.
 </Note>
 
 ### Step 6: Configure MCP Tool Execution
@@ -80,7 +80,7 @@ In the same MCP Client node:
 2. **Tool Name**: `{{ $fromAI("tool") }}`
 
 <Frame>
-  <img src="/images/client-step.png" alt="Configure MCP Client node" />
+  ![Configure MCP Client node](/images/client-step.png)
 </Frame>
 
 ### Step 7: Test Workflow
@@ -96,14 +96,15 @@ Execute and watch BrowserOS respond!
 ## Troubleshooting
 
 <Warning>
-Connection issues? Verify:
-- BrowserOS is running
-- MCP server is enabled in BrowserOS settings
-- Port number matches your BrowserOS MCP configuration
+  Connection issues? Verify:
+
+  - BrowserOS is running
+  - MCP server is enabled in BrowserOS settings
+  - Port number matches your BrowserOS MCP configuration
 </Warning>
 
 ## Resources
 
 <Card title="BrowserOS MCP Guide" icon="book" href="/browseros-mcp/how-to-guide">
   Learn more about BrowserOS MCP
-</Card>
+</Card>
\ No newline at end of file