diff --git a/site/base.css b/site/base.css
index 012dd0d..9b74b94 100644
--- a/site/base.css
+++ b/site/base.css
@@ -11,3 +11,8 @@ body {
     background: #AA5CC3;
     background: linear-gradient(90deg, #AA5CC3 0%, #00A4DC 100%) !important;
 }
+
+.button.discord.\!normal {
+    background-color: rgba(88, 101, 242,60%);
+    color: rgba(38, 51, 192, 90%);
+}
diff --git a/site/index.html b/site/index.html
index 1b383e9..264cad1 100644
--- a/site/index.html
+++ b/site/index.html
@@ -77,7 +77,7 @@ sudo apt-get install jfa-go-tray
                     <a class="button ~neutral mr-half mt-1 mb-1" href="https://github.com/hrfee/jfa-go">github</a>
                     <a class="button ~urge mt-1 mb-1 mr-half" href="https://wiki.jfa-go.com">wiki/docs</a>
                     <a class="button ~positive mt-1 mb-1 mr-half" href="https://weblate.jfa-go.com">translation</a>
-                    <div class="dropdown" tabindex="0">
+                    <div class="dropdown mr-half" tabindex="0">
                         <a href="https://github.com/sponsors/hrfee" target="_blank" class="button ~info mt-1 mb-1 dropdown-button">
                             <i class="ri-hand-heart-line mr-half"></i>
                             donate
@@ -90,6 +90,7 @@ sudo apt-get install jfa-go-tray
                             </div>
                         </div>
                     </div>
+                    <a class="button ~urge mt-1 mb-1 !normal discord" href="https://discord.com/invite/MrtvuQmyhP" target="_blank"><i class="ri-discord-line mr-half"></i>discord</a>
                 </div>
                 <p class="row col flex center supra">downloads</p>
                 <p class="row col flex center support">instructions can be found&nbsp<a target="_blank" href="https://github.com/hrfee/jfa-go#install">here</a></p>