From c907bcc6460e3e0d5d0c58c129b5117557ea9055 Mon Sep 17 00:00:00 2001
From: Morgan <33722304+ThyMinimalDev@users.noreply.github.com>
Date: Mon, 4 Nov 2024 10:20:33 +0200
Subject: [PATCH] fix: docs mdx syntax errors (#17450)

* fix: docs mdx syntax errors

* fixup! fix: docs mdx syntax errors
---
 docs/platform/atoms/availability-settings.mdx | 6 +++++-
 docs/platform/faq.mdx                         | 9 ++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/docs/platform/atoms/availability-settings.mdx b/docs/platform/atoms/availability-settings.mdx
index 09f62704cd..244e232046 100644
--- a/docs/platform/atoms/availability-settings.mdx
+++ b/docs/platform/atoms/availability-settings.mdx
@@ -4,7 +4,11 @@ title: "Availability settings"
 
 The availability settings atom enables a user to set their available time slots. This atom allows users to define specific time slots when they are available for meetings or events, helping them manage their schedules effectively and avoid double bookings.
 
-First, for the AvailabilitySettings toggle animation to work set the reading direction on the <html> element `<html dir="ltr"> ... </html>`.
+First, for the AvailabilitySettings toggle animation to work set the reading direction on the `<html>` element:
+
+```html
+<html dir="ltr"> ... </html>
+```
 
 Below code snippet can be used to render the availability settings atom
 
diff --git a/docs/platform/faq.mdx b/docs/platform/faq.mdx
index fe86fa8771..98632d67cf 100644
--- a/docs/platform/faq.mdx
+++ b/docs/platform/faq.mdx
@@ -35,9 +35,12 @@ description: Answers to the most common questions about the Platform API and ato
 - No, at the moment you are only allowed to cancel a recurring event.
 
 ### 8. Why toggle animation is not working in the AvailabilitySettings atom?
-- For the AvailabilitySettings toggle animation to work set the reading direction on the <html> element `<html dir="ltr"> ... </html>`.
+- For the AvailabilitySettings toggle animation to work set the reading direction on the `<html>` element:
+ ```html
+ <html dir="ltr"> ... </html>
+ ```
 
 ### 9. What are the authentification methods for making calls to the v2 API?
 Either of the two:
-- Setting `Authorization: Bearer <token>` header where <token> is access token of the managed user.
-- Setting `x-cal-client-id: <client-id>` and `x-cal-secret-key: <client-secret>` where <client-id> is oauth client id and <client-secret> is oauth client secret. Both can be copied from the dashboard.
+- Setting `Authorization: Bearer <token>` header where `<token>` is access token of the managed user.
+- Setting `x-cal-client-id: <client-id>` and `x-cal-secret-key: <client-secret>` where `<client-id>` is oauth client id and `<client-secret>` is oauth client secret. Both can be copied from the dashboard.