diff --git a/website/.vitepress/config.ts b/website/.vitepress/config.ts
index a5a5c0de..b921d972 100644
--- a/website/.vitepress/config.ts
+++ b/website/.vitepress/config.ts
@@ -124,6 +124,7 @@ export default defineConfig({
             { text: 'Go', link: '/catalog/go/'},
             { text: 'HTML', link: '/catalog/html/'},
             { text: 'Java', link: '/catalog/java/'},
+            { text: 'Kotlin', link: '/catalog/kotlin/'},
             { text: 'Python', link: '/catalog/python/'},
             { text: 'Ruby', link: '/catalog/ruby/'},
             { text: 'Rust', link: '/catalog/rust/'},
diff --git a/website/catalog/index.md b/website/catalog/index.md
index 536103cc..84282733 100644
--- a/website/catalog/index.md
+++ b/website/catalog/index.md
@@ -1,8 +1,7 @@
 # Rule Catalog
 
 Get confused what ast-grep is? This is a list of rewriting rule to inspire you!
-
-Explore the power of ast-grep with these rewriting rules that can transform your code in seconds!
+Explore the power of ast-grep with these rewriting rules that can transform your code in seconds.
 
 Feel free to join our [Discord](https://discord.gg/4YZjf6htSQ) channel and ask @ast-grep-bot to explain the rules for you line by line!
 
diff --git a/website/src/homepage/Languages.vue b/website/src/homepage/Languages.vue
index 4da95b85..aed98cd8 100644
--- a/website/src/homepage/Languages.vue
+++ b/website/src/homepage/Languages.vue
@@ -14,8 +14,12 @@
       <a href="/catalog/java/">
         <img src='/icons/Java.svg'/>
       </a>
-      <img src='/icons/JS.svg'/>
-      <img src='/icons/Kotlin.svg'/>
+      <a href="/catalog/tsx/">
+        <img src='/icons/JS.svg'/>
+      </a>
+      <a href="/catalog/kotlin/">
+        <img src='/icons/Kotlin.svg'/>
+      </a>
       <a href="/catalog/python/">
         <img src='/icons/Python.svg'/>
       </a>