diff --git a/docs/providers/documentation/opsgenie-provider.mdx b/docs/providers/documentation/opsgenie-provider.mdx
index c800d2168..67c23b2aa 100644
--- a/docs/providers/documentation/opsgenie-provider.mdx
+++ b/docs/providers/documentation/opsgenie-provider.mdx
@@ -28,40 +28,37 @@ The `notify` function in the `OpsgenieProvider` use OpsGenie [CreateAlertPayload
 ## Authentication Parameters
 
 The Opsgenie Provider requires the following authentication parameters:
+
 - `API Key` - The API key from API Integration in Opsgenie.
-- `Integration Name` - The name of the integration in Opsgenie. 
+- `Integration Name` - The name of the integration in Opsgenie.
 
 ## Connecting with the Provider
 
 To use the Opsgenie Provider, you'll need to provide the API Key and Integration Name from API Integration. You can create an API integration under Settings -> Integrations -> Add integration and search for API Integration. Select API and provide a name for the integration and click on continue.
 
 You can create an integration key under Settings -> Integrations -> Add integration
-Note: if you are in the free tier, the integration key can be created under Teams -> Your team -> Integrations -> Add Integration (API)
+
+<Note>
+  If you are in the free tier, the integration key can be created under Teams ->
+  Your team -> Integrations -> Add Integration (API)
+</Note>
 
 Visit the [Opsgenie API Integration](https://app.opsgenie.com/settings/integrations/create/api) for creating an API integration quickly.
 
-<Frame
-    width="100"
-    height="200">
-    <img height="10" src="/images/opsgenie-provider_1.png" />
+<Frame width="100" height="200">
+  <img height="10" src="/images/opsgenie-provider_1.png" />
 </Frame>
 
-<Frame
-    width="100"
-    height="200">
-    <img height="10" src="/images/opsgenie-provider_2.png" />
+<Frame width="100" height="200">
+  <img height="10" src="/images/opsgenie-provider_2.png" />
 </Frame>
 
-<Frame
-    width="100"
-    height="200">
-    <img height="10" src="/images/opsgenie-provider_3.png" />
+<Frame width="100" height="200">
+  <img height="10" src="/images/opsgenie-provider_3.png" />
 </Frame>
 
-<Frame
-    width="100"
-    height="200">
-    <img height="10" src="/images/opsgenie-provider_4.png" />
+<Frame width="100" height="200">
+  <img height="10" src="/images/opsgenie-provider_4.png" />
 </Frame>
 
 Visit the [Opsgenie API Integration](https://support.atlassian.com/opsgenie/docs/create-a-default-api-integration/) documentation for latest information.
@@ -76,4 +73,4 @@ Certain scopes may be required to perform specific actions or queries via the Op
 
 ## Useful Links
 
-- How to create Opsgenie API Integration - https://support.atlassian.com/opsgenie/docs/create-a-default-api-integration/
\ No newline at end of file
+- How to create Opsgenie API Integration - https://support.atlassian.com/opsgenie/docs/create-a-default-api-integration/