diff --git a/content/_index.md b/content/_index.md
index b76a273d..7a74a0f4 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -86,6 +86,8 @@ Reject surveillance - embrace your freedom.
 
 The app is free for everyone. Please [donate](@/donate/index.md) to support us!
 
+{{ donate_buttons() }}
+
 ## Beta
 
 Please join our beta program, suggest your features, and report bugs:
diff --git a/content/donate/index.md b/content/donate/index.md
index 7ca0bf7a..91142804 100644
--- a/content/donate/index.md
+++ b/content/donate/index.md
@@ -7,16 +7,7 @@ extra:
 
 We are looking for your help to fund the further development of the Organic Maps application.
 
-<div class="donate_buttons">
-  <iframe src="https://github.com/sponsors/organicmaps/button" title="Sponsor Organic Maps" height="35" width="116" style="border: 0;"></iframe>
-
-  <a href="https://liberapay.com/OrganicMaps/donate"><img src="/images/liberapay.svg" alt="Liberapay" height="35" /></a>
-
-  <form action="https://www.paypal.com/donate" method="post" target="_top">
-  <input type="hidden" name="hosted_button_id" value="JYM34AADM87V8" />
-  <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="Donate to Organic Maps using PayPal" alt="Donate with PayPal button" />
-  </form>
-</div>
+{{ donate_buttons() }}
 
 ## Why?
 
@@ -72,6 +63,8 @@ Please prefer recurring donations, if possible. Recurring donations are the best
 - [Liberapay](https://liberapay.com/OrganicMaps/donate)
 - [PayPal donate@organicmaps.app](https://www.paypal.com/donate?hosted_button_id=JYM34AADM87V8)
 
+{{ donate_buttons() }}
+
 
 ## Can you help us in any other way?
 
diff --git a/sass/main.scss b/sass/main.scss
index 2ee8c206..0ea2c157 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -147,6 +147,14 @@ footer {
   margin-bottom: 1em;
 }
 
+.donate_button {
+  text-decoration: none;
+  border: red 2px solid;
+  border-radius: 1rem;
+  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
+  margin: 0;
+}
+
 .donate_buttons {
   display: flex;
   a {
diff --git a/templates/menu.html b/templates/menu.html
index 9614152e..e79b78e8 100644
--- a/templates/menu.html
+++ b/templates/menu.html
@@ -5,9 +5,9 @@
     <span>Home</span>
   </a>{% endif %}
 
-  {% if resource.path != '/donate/' %}<a href='/donate/'>
-    <span>Support us by donating</span>
-  </a>{% endif %}
+  {% if resource.path != '/donate/' %}
+  <a class="donate_button" href='/donate/'>❤️ Donate</a>
+  {% endif %}
 
   <a href="https://github.com/organicmaps/organicmaps" class="github">
     <svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle">
diff --git a/templates/shortcodes/donate_buttons.html b/templates/shortcodes/donate_buttons.html
new file mode 100644
index 00000000..850b64d7
--- /dev/null
+++ b/templates/shortcodes/donate_buttons.html
@@ -0,0 +1,10 @@
+<div class="donate_buttons">
+  <iframe src="https://github.com/sponsors/organicmaps/button" title="Sponsor Organic Maps" height="35" width="116" style="border: 0;"></iframe>
+
+  <a href="https://liberapay.com/OrganicMaps/donate"><img src="/images/liberapay.svg" alt="Liberapay" height="35" /></a>
+
+  <form action="https://www.paypal.com/donate" method="post" target="_top">
+    <input type="hidden" name="hosted_button_id" value="JYM34AADM87V8" />
+    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="Donate to Organic Maps using PayPal" alt="Donate with PayPal button" />
+  </form>
+</div>