diff --git a/assets/style.css b/assets/style.css
index ef0a5be..2e0d0c4 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -92,7 +92,7 @@
 }
 
 .navbar .icon-twitter:hover {
-    color: #179cf0;
+    color: white;
 }
 
 .navbar .icon-mastodon:hover {
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 01d5d32..7414bf1 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -117,9 +117,9 @@
                 </a>
               </li>
               <li class="nav-item">
-                <a href="https://twitter.com/librepcb" title="Twitter"
+                <a href="https://twitter.com/librepcb" title="X"
                    class="nav-link icon icon-twitter">
-                  <i class="fa-brands fa-twitter fa-xl"></i>
+                  <i class="fa-brands fa-x-twitter fa-xl"></i>
                   <span class="d-lg-none ms-1">Twitter</span>
                 </a>
               </li>