updated

Author: soyeric128

docs/en/guides/20-cloud/20-manage/03-metrics.md

@@ -1,28 +1,39 @@
 ---
 title: Tracking Metrics with Prometheus
 ---
+import StepsWrap from '@site/src/components/StepsWrap';
+import StepContent from '@site/src/components/Steps/step-content';
 
 [Prometheus](https://prometheus.io/) offers a robust solution for real-time monitoring, empowering you to track critical metrics and maintain system stability effectively. This topic guides you through the steps to integrate Prometheus with Databend Cloud and provides an overview of the available metrics.
 
 ## Integrating with Prometheus
 
 Follow these steps to set up a Prometheus instance with Docker and integrate it with Databend Cloud:
 
-### Step 1: Enable Tenant Metrics
+<StepsWrap>
+<StepContent number="1">
+
+### Enable Tenant Metrics
 
 To start tracking metrics, ensure that metrics are enabled for your Databend Cloud tenant. To enable this feature, submit a support ticket in Databend Cloud by navigating to **Support** > **Create New Ticket** and requesting metrics activation for your tenant.
 
-### Step 2: Prepare a SQL User
+</StepContent>
+<StepContent number="2">
+
+### Prepare a SQL User
 
 Create a dedicated SQL user in Databend Cloud for Prometheus to access metrics. For example, you can create a SQL user named `metrics` with the password `metrics_password` using the following SQL statement:
 
 ```sql
 CREATE USER metrics IDENTIFIED BY 'metrics_password';
 ```
 
-### Step 3: Start Prometheus Using Docker
+</StepContent>
+<StepContent number="3">
 
-1. On your local machine, create a **prometheus.yml** file to configure Prometheus for scraping metrics from Databend Cloud. Use the following template:
+### Start Prometheus Using Docker
+
+1. On your local machine, create a file named **prometheus.yml** to configure Prometheus for scraping metrics from Databend Cloud. Use the following template:
 
 ```yaml title='prometheus.yml'
 scrape_configs:
@@ -70,6 +81,9 @@ You're all set! You can now query your tenant metrics directly from Prometheus.
 
 ![alt text](../../../../../static/img/documents/warehouses/metrics-2.png)
 
+</StepContent>
+</StepsWrap>
+
 ## Available Metrics List
 
 Please note that all metrics are prefixed with `databend_cloud_`.