diff --git a/docs/index.md b/docs/index.md
index a6656d3..73d29b0 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -20,19 +20,14 @@
 </div>
 
 
-<div>
-  <p align="center">
-    <a href="/NoSSL/lavalink-without-ssl/">lavalink without ssl</a>
-    ·
-    <a href="/SSL/lavalink-with-ssl/">lavalink with ssl</a>
-  </p>
-</div>
-
 ---
 
+  <p align="center">
+    <a href="https://lavalink-list.darrennathanael.com/NoSSL/lavalink-without-ssl/"><img src="https://img.shields.io/badge/Lavalink%20Without%20SSL-10A0CC?style=for-the-badge&logoColor=white" alt="Lavalink without ssl" style="60%"></a>
+   <a href="https://lavalink-list.darrennathanael.com/SSL/lavalink-with-ssl/"><img src="https://img.shields.io/badge/Lavalink%20With%20SSL-1793D1?style=for-the-badge&logoColor=white" alt="Lavalink with ssl" style="60%"></a>
+  </p>
+
 ## Info
 These lavalink are group into two different categories.
-> see sidebar
-
-One with SSL, one without SSL.
+[With SSL](https://lavalink-list.darrennathanael.com/SSL/lavalink-with-ssl/), and [without SSL](https://lavalink-list.darrennathanael.com/NoSSL/lavalink-without-ssl/)
 SSL one needed `”secure”` to be set to true at client side, whilst the one without SSL should work out of the box