diff --git a/src/scripts/base/components/app-menu/app-menu.html b/src/scripts/base/components/app-menu/app-menu.html
index 0bef317..2c954bd 100644
--- a/src/scripts/base/components/app-menu/app-menu.html
+++ b/src/scripts/base/components/app-menu/app-menu.html
@@ -1,3 +1,9 @@
 <div class="app-menu">
-  <base-menu menu-name="appMenu" />
+  <base-menu menu-name="appMenu">
+    <list-item>
+      <base-link href="https://www.buymeacoffee.com/gloriouscodes">
+        Donate
+      </base-link>
+    </list-item>
+  </base-menu>
 </div>
diff --git a/src/scripts/base/components/app-menu/app-menu.js b/src/scripts/base/components/app-menu/app-menu.js
index 658ca54..24dc8a5 100644
--- a/src/scripts/base/components/app-menu/app-menu.js
+++ b/src/scripts/base/components/app-menu/app-menu.js
@@ -1,11 +1,15 @@
 import '@styles/app-menu.styl';
 import baseMenu from '@scripts/base/components/base-menu/base-menu';
+import baseLink from '@scripts/base/components/base-link/base-link';
+import listItem from '@scripts/base/components/list-item/list-item';
 import template from './app-menu.html';
 
 export default {
   name: 'app-menu',
   components: {
-    baseMenu
+    baseMenu,
+    baseLink,
+    listItem
   },
   template
 };
diff --git a/src/scripts/base/components/base-menu/base-menu.html b/src/scripts/base/components/base-menu/base-menu.html
index 8b65653..2b6f96f 100644
--- a/src/scripts/base/components/base-menu/base-menu.html
+++ b/src/scripts/base/components/base-menu/base-menu.html
@@ -5,5 +5,6 @@
         {{ item.label }}
       </base-link>
     </list-item>
+    <slot></slot>
   </list>
 </nav>
diff --git a/webpack.conf.prod.js b/webpack.conf.prod.js
index b98a761..197e91d 100644
--- a/webpack.conf.prod.js
+++ b/webpack.conf.prod.js
@@ -25,7 +25,7 @@ module.exports = {
         sortAttributes: true
       },
       renderer: new Renderer({
-        headless: false,
+        headless: true,
         renderAfterDocumentEvent: 'render-event',
         args: ['–no-sandbox', '–disable-setuid-sandbox']
       })