diff --git a/_includes/base/footer.html b/_includes/base/footer.html
index 1d767e8c..63221e99 100644
--- a/_includes/base/footer.html
+++ b/_includes/base/footer.html
@@ -29,6 +29,7 @@
     <div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
       <p class="cm-gray-2 text-sm text-center sm:text-left">© 2021-now {{ site.title }} by<a href="https://github.com/inventree" rel="noopener" class="cm-gray-2 ml-1" target="_blank">@inventree</a>— website made with &hearts; by<a href="https://github.com/matmair" rel="noopener" class="cm-gray-2 ml-1" target="_blank">@matmair</a></p>
       <span class="inline-flex sm:ml-auto sm:mt-0 mt-2 justify-center sm:justify-start">
+        <span class="invisible"><a rel="me" href="https://chaos.social/@InvenTree">Mastodon</a></span>
         <a href="https://github.com/inventree/inventree" alt="github repo" class="ml-3 cm-gray-3">
           <img class="h-5 w-5" alt="GitHub logo" src="{{ '/assets/github.svg' | relative_url }}" />
         </a>
@@ -38,7 +39,6 @@
         <a href="https://twitter.com/inventreedb" alt="Twitter" class="ml-3 cm-gray-3">
           <img class="h-5 w-5" alt="Twitter logo" src="{{ '/assets/twitter.svg' | relative_url }}" />
         </a>
-        <span class="invisible"><a rel="me" href="https://chaos.social/@InvenTree">Mastodon</a></span>
         <a href="https://chaos.social/@InvenTree" rel=me alt="Mastodon" class="ml-3 cm-gray-3">
           <img class="h-5 w-5" alt="Mastodon logo" src="{{ '/assets/mastodon.svg' | relative_url }}" />
         </a>