diff --git a/docs/develop-with-kafka-api/compatibility.md b/docs/develop-with-kafka-api/compatibility.md
index 0e19f1f..735b583 100644
--- a/docs/develop-with-kafka-api/compatibility.md
+++ b/docs/develop-with-kafka-api/compatibility.md
@@ -4,7 +4,7 @@
 
 HStream also supports Kafka API since 0.19.0, so users can connect to HStream using Kafka clients. HStream implements [Kafka protocol](https://kafka.apache.org/protocol.html) underly, so you do not need to change any code in your current Kafka applications, just updating the Kafka URLs in your configurations to point to a HStream cluster, and that is it, then you can start streaming from your Kafka applications to a HStream cluster.
 
-::: note
+::: tip
 
 Refer to [get started with Kafka API](../start/get-started-with-kafka-api.md) to learn how to enable HStream'support of Kafka API.
 
@@ -23,7 +23,7 @@ Currenty, the clients below are tested by HStream.
 | Go       | [franz-go](https://github.com/twmb/franz-go)                |
 | C/C++    | [librdkafka](https://github.com/confluentinc/librdkafka)    |
 
-::: note
+::: tip
 
 Recommand using the latest version of each Kafka client
 
@@ -36,7 +36,7 @@ HStream do not support below Kafka features now(we plan to support them in the l
 - Kafka transactions
 - Quotas in Kafka
 
-::: note
+::: tip
 
 The configuration of Kafka brokers is not applicable to HStream, as HStream is a completely different implementation.
 
diff --git a/docs/develop-with-kafka-api/java.md b/docs/develop-with-kafka-api/java.md
index 26121da..13063fe 100644
--- a/docs/develop-with-kafka-api/java.md
+++ b/docs/develop-with-kafka-api/java.md
@@ -3,8 +3,10 @@
 This page shows how to use [Apache Kafka Java Client](https://github.com/apache/kafka) to interact with HStream.
 
 
-::: note
+::: tip
+
 Replace the variables in the following code according to your setup.
+
 :::
 
 ## Create a Topic