diff --git a/src/lib/DiscordTab.svelte b/src/lib/DiscordTab.svelte
index b2c2505..4633640 100644
--- a/src/lib/DiscordTab.svelte
+++ b/src/lib/DiscordTab.svelte
@@ -1,8 +1,15 @@
 <script>
 	import PanelButton from './PanelButton.svelte';
+	import DiscordPresenceCount from 'labs/packages/astro-theme/components/nav/DiscordPresenceCount.svelte'
 </script>
 
 <h1 class="text-lg font-bold">Discord</h1>
-<PanelButton buttonIcon="assets/discord-mark-blue.svg" clickUrl="https://discord.gg/yTNZgySKGa" buttonText="Join us on Discord"/>
+<PanelButton buttonIcon="assets/discord-mark-blue.svg" clickUrl="https://discord.gg/yTNZgySKGa" buttonText="Join our Discord">
+	<!-- This emulates the one used on labs -->
+	<svg class="inline ml-auto text-green-500" width="12" height="12">
+		<circle cx="6" cy="6" r="6" fill="currentColor" />
+	</svg>
+	<span class="ml-1"><DiscordPresenceCount /></span>
+</PanelButton>
 <p>Do you have any question about WebVM or CheerpX?</p>
 <p>Join our community, we are happy to help!</p>
diff --git a/src/lib/PanelButton.svelte b/src/lib/PanelButton.svelte
index 11970bd..5ed73dc 100644
--- a/src/lib/PanelButton.svelte
+++ b/src/lib/PanelButton.svelte
@@ -7,4 +7,4 @@
 	export let buttonIcon;
 </script>
 
-<a href={clickUrl} target="_blank" on:click={clickHandler} on:contextmenu={rightClickHandler}><p class="bg-neutral-700 p-2 rounded-md {(clickUrl != null || clickHandler != null) ? "hover:bg-neutral-500 cursor-pointer" : ""}" title={buttonTooltip}><img src={buttonIcon} class="inline w-8 h-8"/><span class="ml-1">{buttonText}</span></p></a>
+<a href={clickUrl} target="_blank" on:click={clickHandler} on:contextmenu={rightClickHandler}><p class="flex flex-row items-center bg-neutral-700 p-2 rounded-md {(clickUrl != null || clickHandler != null) ? "hover:bg-neutral-500 cursor-pointer" : ""}" title={buttonTooltip}><img src={buttonIcon} class="inline w-8 h-8"/><span class="ml-1">{buttonText}</span><slot></slot></p></a>