From 107282d8cf938939e08d514a558166cb35592aac Mon Sep 17 00:00:00 2001
From: azisislm <alex.zisis@lmstudio.ai>
Date: Thu, 16 Apr 2026 16:37:38 -0400
Subject: [PATCH] change md to mdx to render button

---
 .../1_mcp-remote/{popular.md => popular.mdx}  | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)
 rename 4_integrations/1_mcp-remote/{popular.md => popular.mdx} (79%)

diff --git a/4_integrations/1_mcp-remote/popular.md b/4_integrations/1_mcp-remote/popular.mdx
similarity index 79%
rename from 4_integrations/1_mcp-remote/popular.md
rename to 4_integrations/1_mcp-remote/popular.mdx
index aeea752..bbbf825 100644
--- a/4_integrations/1_mcp-remote/popular.md
+++ b/4_integrations/1_mcp-remote/popular.mdx
@@ -10,7 +10,10 @@ Create issues, search projects, update statuses, and more in Linear, directly fr
 
 
 <div className="w-fit">
-  <a style="background: rgb(255,255,255)" href="https://lmstudio.ai/install-mcp?name=linear&config=eyJ1cmwiOiJodHRwczovL21jcC5saW5lYXIuYXBwL21jcCJ9">
+  <a
+    style={{ background: "rgb(255,255,255)" }}
+    href="https://lmstudio.ai/install-mcp?name=linear&config=eyJ1cmwiOiJodHRwczovL21jcC5saW5lYXIuYXBwL21jcCJ9"
+  >
     <img
       src="https://files.lmstudio.ai/deeplink/mcp-install-light.svg"
       alt="Add Linear MCP to LM Studio"
@@ -43,7 +46,10 @@ Search pages, create documents, and read from your Notion workspace.
 
 
 <div className="w-fit">
-  <a style="background: rgb(255,255,255)" href="https://lmstudio.ai/install-mcp?name=notion&config=eyJ1cmwiOiJodHRwczovL21jcC5ub3Rpb24uY29tL21jcCJ9">
+  <a
+    style={{ background: "rgb(255,255,255)" }}
+    href="https://lmstudio.ai/install-mcp?name=notion&config=eyJ1cmwiOiJodHRwczovL21jcC5ub3Rpb24uY29tL21jcCJ9"
+  >
     <img
       src="https://files.lmstudio.ai/deeplink/mcp-install-light.svg"
       alt="Add Notion MCP to LM Studio"
@@ -76,7 +82,10 @@ Work with Jira issues and Confluence pages from within LM Studio.
 
 
 <div className="w-fit">
-  <a style="background: rgb(255,255,255)" href="https://lmstudio.ai/install-mcp?name=atlassian&config=eyJ1cmwiOiJodHRwczovL21jcC5hdGxhc3NpYW4uY29tL3YxL21jcCJ9">
+  <a
+    style={{ background: "rgb(255,255,255)" }}
+    href="https://lmstudio.ai/install-mcp?name=atlassian&config=eyJ1cmwiOiJodHRwczovL21jcC5hdGxhc3NpYW4uY29tL3YxL21jcCJ9"
+  >
     <img
       src="https://files.lmstudio.ai/deeplink/mcp-install-light.svg"
       alt="Add Atlassian MCP to LM Studio"
@@ -109,7 +118,10 @@ Query issues, inspect stack traces, and analyze errors from your Sentry projects
 
 
 <div className="w-fit">
-  <a style="background: rgb(255,255,255)" href="https://lmstudio.ai/install-mcp?name=sentry&config=eyJ1cmwiOiJodHRwczovL21jcC5zZW50cnkuZGV2L21jcCJ9">
+  <a
+    style={{ background: "rgb(255,255,255)" }}
+    href="https://lmstudio.ai/install-mcp?name=sentry&config=eyJ1cmwiOiJodHRwczovL21jcC5zZW50cnkuZGV2L21jcCJ9"
+  >
     <img
       src="https://files.lmstudio.ai/deeplink/mcp-install-light.svg"
       alt="Add Sentry MCP to LM Studio"