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"