diff --git a/static/css/index.css b/static/css/index.css
index d8fbef9..6794ccc 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -10,46 +10,39 @@ body { background-color: white; }
   margin-bottom: 16px;
 }
 
-.severity-warning {
-  color: var(--red-0-color);
-}
+.severity-warning { color: var(--red-0-color); }
 
-#app-header nav {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
+#recipe-nav {
+  display: grid;
+  grid-template-columns: 3fr 1fr 1fr 3fr;
+  column-gap: 8px;
+  height: 36px;
 }
 
-#app-header nav > :first-child { padding-left: 0; }
+#command-menu,
+#command-menu-back {
+  padding-left: 0;
+  justify-self: left;
+}
 
-#app-header nav > :last-child { padding-right: 0; }
+#command-clear { 
+  justify-self: right;
+  padding-right: 0;
+}
 
-/* Promo link start */
-#promo {
-  /* Center itself, ignore flex */
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  width: 36px;
-  height: 36px;
-  border-radius: 18px;
+.link-icon {
+  position: relative;
 }
 
-.promo__icon {
-  position: absolute;
+.link-icon > svg {
+  position: relative;
   left: 50%;
   top: 50%;
-  transform: translate(-50%, -40%);
-}
-
-.promo__icon svg {
+  transform: translate(-50%, -50%);
   width: 24px;
   height: 24px;
-  color: var(--special-0-color);
 }
 
-/* Promo link end */
 
 .toggle-wide {
   display: grid;
diff --git a/static/icons/dollar.svg b/static/icons/dollar.svg
new file mode 100644
index 0000000..9ab4aae
--- /dev/null
+++ b/static/icons/dollar.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+</svg>
diff --git a/static/icons/heart.svg b/static/icons/heart.svg
new file mode 100644
index 0000000..85c0a55
--- /dev/null
+++ b/static/icons/heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" />
+</svg>
diff --git a/templates/index.html b/templates/index.html
index c637db5..2bdb5a0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -20,7 +20,8 @@
     <div id="app-header">
       <nav id="recipe-nav">
         <button id="command-menu" class="default-button" aria-label="меню программы">Меню</button>
-        <div id="promo"><a href="promo.html"><span class="promo__icon">{{ icons.gift }}</span></a></div>
+        <a class="link-icon" href="promo.html">{{ icons.gift }}</a>
+        <a class="link-icon" href="{{ links.payment }}" target="_blank">{{ icons.dollar }}</a>
         <button id="command-clear" class="default-button severity-warning" aria-label="очистить таблицу">Очистить</button>
       </nav>
       <nav id="menu-nav" style="display: none;">
@@ -87,7 +88,7 @@
           <!-- Help by donation -->
           <div class="app-menu-item">
             <a href="{{ links.payment }}" target="_blank">
-              <span class="app-menu-item__icon">{{ icons.credit_card }}</span>
+              <span class="app-menu-item__icon">{{ icons.dollar }}</span>
               <span class="app-menu-item__caption">Помочь монетой</span>
               <span class="app-menu-item__external-link-icon">{{ icons.external_link_mini }}</span>
             </a>