diff --git a/blog/2025-10-07-proxmox-ve-on-hetzner-dedicated-server/index.md b/blog/2025-10-07-proxmox-ve-on-hetzner-dedicated-server/index.md
index 70f0e87..1f2abd7 100644
--- a/blog/2025-10-07-proxmox-ve-on-hetzner-dedicated-server/index.md
+++ b/blog/2025-10-07-proxmox-ve-on-hetzner-dedicated-server/index.md
@@ -184,4 +184,4 @@ Have no idea why everyone wants to write a conclusion for each post nowadays. It
 
 Have a nice tinkering.
 
-<BlogDiscussions/>
\ No newline at end of file
+<BlogDiscussions mastodonLink="https://techhub.social/@estevez/115332360350515438"/>
\ No newline at end of file
diff --git a/package.json b/package.json
index f1abf62..1ee0508 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "yevi-org",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",
diff --git a/src/components/BlogDiscussions/index.js b/src/components/BlogDiscussions/index.js
index 4c4184e..983e788 100644
--- a/src/components/BlogDiscussions/index.js
+++ b/src/components/BlogDiscussions/index.js
@@ -1,16 +1,30 @@
 import styles from './styles.module.css';
 
-export default function BlogDiscussions() {
-  const Svg = require('@site/static/icons/matrix.svg').default;
+const MatrixIcon = require('@site/static/icons/matrix.svg').default;
+
+const MastodonIcon = require('@site/static/icons/mastodon.svg').default;
+
+export default function BlogDiscussions({ mastodonLink }) {
+
+
+
 
   return (
     <section className={styles.blogDiscussions}>
 
       <a className={styles.blogDiscussions_container} href="https://matrix.to/#/%23yevi-org-pub:vi.place" target='_blank'>
-        <Svg fill="currentColor" className={styles.icon} role="img" />
-        <span className={styles.linkText}>Join discussion at Matrix</span>
+        <MatrixIcon fill="currentColor" className={styles.icon} role="img" />
+        <span className={styles.linkText}>Discuss on Matrix</span>
       </a>
 
+      {mastodonLink ? (
+        <a className={styles.blogDiscussions_container} href={mastodonLink} target='_blank'>
+          <MastodonIcon fill="currentColor" className={styles.icon} role="img" />
+          <span className={styles.linkText}>Discuss on Mastodon</span>
+        </a>
+      ) : (
+        null
+      )}
     </section>
   );
 }
diff --git a/src/components/BlogDiscussions/styles.module.css b/src/components/BlogDiscussions/styles.module.css
index 1b822d2..73f233c 100644
--- a/src/components/BlogDiscussions/styles.module.css
+++ b/src/components/BlogDiscussions/styles.module.css
@@ -1,14 +1,15 @@
 .blogDiscussions {
   display: flex;
   flex-direction: row;
-  justify-content: center;
+  justify-content: space-evenly;
+  flex-wrap: wrap;
   padding: 1rem 0;
 }
 
 .blogDiscussions_container {
   display: flex;
   flex-direction: row;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
 }
diff --git a/src/pages/selfhosted-list.md b/src/pages/selfhosted-list.md
index aa5191f..8f790d3 100644
--- a/src/pages/selfhosted-list.md
+++ b/src/pages/selfhosted-list.md
@@ -80,4 +80,6 @@ Services accessible only from my home network or Tailnet.
 
 ## Tools
 
-- Tailscale
\ No newline at end of file
+- Tailscale
+
+<BlogDiscussions />
\ No newline at end of file