diff --git a/docs/overview/why-coderabbit.md b/docs/overview/why-coderabbit.md
index 5c94ea91..66053f72 100644
--- a/docs/overview/why-coderabbit.md
+++ b/docs/overview/why-coderabbit.md
@@ -348,7 +348,7 @@ CodeRabbit is built for production environments with:
 
 ### Three Steps to Better Code Reviews
 
-1. **Sign in** with [GitHub](/platforms/github.com), [GitLab](/platforms/gitlab-com), or [Azure DevOps](/platforms/azure-devops)
+1. **Sign in** with [GitHub](../platforms/jiasu.xzqcsaa.nyc.mn.md), [GitLab](../platforms/gitlab-com.mdx), or [Azure DevOps](../platforms/azure-devops.md)
 2. Select and add repositories in CodeRabbit dashboard
 3. That's it. You're good to go.
 
diff --git a/docs/platforms/gitlab-com.md b/docs/platforms/gitlab-com.mdx
similarity index 91%
rename from docs/platforms/gitlab-com.md
rename to docs/platforms/gitlab-com.mdx
index aa9c8317..61a10ca8 100644
--- a/docs/platforms/gitlab-com.md
+++ b/docs/platforms/gitlab-com.mdx
@@ -25,11 +25,11 @@ To enable CodeRabbit to interact with your GitLab repositories, an access token
 We recommend creating a new user as a service account, associating this user to the group you'd like to install CodeRabbit on, and providing CodeRabbit with the personal access token to allow access. During the installation process, CodeRabbit will automatically configure the required webhook for seamless integration.
 
 <div class="center-image">
- <img
-  src="/img/integrations/gitlab_user_choice.png"
-  alt="GitLab user modal choice"
-  width="1000"
- />
+	<img
+		src="/img/integrations/gitlab_user_choice.png"
+		alt="GitLab user modal choice"
+		width="1000"
+	/>
 </div>
 
 :::note
@@ -39,12 +39,12 @@ If you wish to change the review user, you must provide the access token for the
 :::
 
 <div class="center-image">
- <img
-  src="/img/integrations/gitlab_organization_user.png"
-  alt="GitLab organization user modal
+	<img
+		src="/img/integrations/gitlab_organization_user.png"
+		alt="GitLab organization user modal
 choice"
-  width="1000"
- />
+		width="1000"
+	/>
 </div>
 
 #### Recommendations
@@ -79,11 +79,11 @@ GitLab provides an option to generate a personal access token for a new user. Fo
 10. Note down the token as it will only be displayed once.
 
 <div class="center-image">
- <img
-  src="/img/integrations/admin-access-token.png"
-  alt="GitLab personal access token configuration page"
-  width="1000"
- />
+	<img
+		src="/img/integrations/admin-access-token.png"
+		alt="GitLab personal access token configuration page"
+		width="1000"
+	/>
 </div>
 
 ---
@@ -124,21 +124,21 @@ You can confirm the correct user is being selected by verifying the user ID show
 3. Select **Install Repositories**.
 
 <div class="center-image">
- <img
-  src="/img/integrations/gitlab-repo-install.png"
-  alt="GitLab Repo Install Modal"
-  width="1000"
- />
+	<img
+		src="/img/integrations/gitlab-repo-install.png"
+		alt="GitLab Repo Install Modal"
+		width="1000"
+	/>
 </div>
 
 The webhook `https://coderabbit.ai/gitlabHandler` will now be installed for the projects selected.
 
 <div class="center-image">
- <img
-  src="/img/integrations/gitlab-webhook.png"
-  alt="GitLab Webhook Example"
-  width="1000"
- />
+	<img
+		src="/img/integrations/gitlab-webhook.png"
+		alt="GitLab Webhook Example"
+		width="1000"
+	/>
 </div>
 
 ### Troubleshooting
diff --git a/docs/platforms/platforms.md b/docs/platforms/platforms.md
index ab0cc068..e826bc96 100644
--- a/docs/platforms/platforms.md
+++ b/docs/platforms/platforms.md
@@ -19,7 +19,7 @@ CodeRabbit supports various Git platforms to provide code review for your reposi
 
 | Host                | Support                               |
 | ------------------- | ------------------------------------- |
-| GitLab.com          | [Supported](gitlab-com.md)            |
+| GitLab.com          | [Supported](gitlab-com.mdx)           |
 | GitLab Self Managed | [Supported](self-hosted-gitlab.md)    |
 | GitLab Self Hosted  | [Supported](../self-hosted/gitlab.md) |