diff --git a/src/components/layout.js b/src/components/layout.js
index 2c973b2..f298610 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -58,6 +58,11 @@ export default function Layout(props) {
                 </Link>
               )
             })}
+            <Link href={`${constants.siteUrl}donate`}>
+              <a className="donate" onClick={closeSideBar} target="_blank">
+                Donate
+              </a>
+            </Link>
           </div>
         ) : null}
       </div>
diff --git a/src/data/tabs.json b/src/data/tabs.json
index 8dc7163..eee620e 100644
--- a/src/data/tabs.json
+++ b/src/data/tabs.json
@@ -35,9 +35,5 @@
     "href": "/feedback",
     "text": "Feedback",
     "id": "feedback"
-  },
-  "donate": {
-    "href": "/donate",
-    "text": "Donate"
   }
 }
diff --git a/src/defaultStyles.css b/src/defaultStyles.css
index 1aa1a5b..750b6f8 100644
--- a/src/defaultStyles.css
+++ b/src/defaultStyles.css
@@ -87,8 +87,12 @@ a {
     height: auto;
     position: relative;
   }
-  .sidebar a {float: left;}
-  div.content {margin-left: 0;}
+  .sidebar a {
+    float: left;
+  }
+  div.content {
+    margin-left: 0;
+  }
 }
 
 @media screen and (max-width: 700px) {
@@ -126,7 +130,7 @@ a {
     width: 100%;
     margin: 0 auto;
   }
-} 
+}
 
 .questionContainer {
   margin: 10px;
@@ -190,3 +194,7 @@ a {
   background-color: #555;
   color: white;
 }
+
+.donate {
+  background-color: #222a26;
+}
diff --git a/src/pages/donate.js b/src/pages/donate.js
deleted file mode 100644
index b6c43bf..0000000
--- a/src/pages/donate.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import React, { useState, useEffect } from 'react'
-
-import LoadingIndicator from '../components/LoadingIndicator.js'
-
-import constants from '../constants.json'
-import styles from './donate.module.css'
-
-export default function Donate(props) {
-  const [btcAddress, setBtcAddress] = useState()
-
-  useEffect(() => {
-    console.info('Fetching news.json')
-    fetch(`${constants.apiUrl}btc/btcaddress`, {
-      credentials: 'include',
-    })
-      .then((resp) => {
-        return resp.text()
-      })
-      .then((data) => {
-        setBtcAddress(data)
-      })
-  }, [])
-
-  if (!btcAddress) {
-    return <LoadingIndicator />
-  } else {
-    return (
-      <div className={styles.container}>
-        <div className={styles.text}>
-          Privacy okokból csak bitcoint lehet adományozni. Ezen az oldalon
-          található a bitcoin cím, és a hozzá tartozó QR kód.
-        </div>
-        <div className={styles.address}>{btcAddress}</div>
-        <div>
-          <img
-            src={`${constants.apiUrl}btc/btcaddress.png`}
-            className={styles.qr}
-          />
-        </div>
-      </div>
-    )
-  }
-}
diff --git a/src/pages/donate.module.css b/src/pages/donate.module.css
deleted file mode 100644
index 3dd8e9a..0000000
--- a/src/pages/donate.module.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.address {
-  margin: 20px 0px;
-  font-size: 20px;
-  color: white;
-  word-wrap: break-word;
-  overflow-wrap: anywhere;
-  text-align: center;
-}
-
-.text {
-  margin: 5px 0px;
-  text-align: center;
-}
-
-.qr {
-  max-width: 100%;
-  width: 400px;
-}
-
-.container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}