diff --git a/components/common/header/index.js b/components/common/header/index.js
index e6b9958d7..e32cdce11 100644
--- a/components/common/header/index.js
+++ b/components/common/header/index.js
@@ -61,6 +61,11 @@ class NavBar extends React.Component {
         path: 'https://coderplex.org/jobs',
         external: true,
       },
+      {
+        title: 'Donate',
+        path: 'https://donate.coderplex.org',
+        external: true,
+      },
     ],
   };
 
@@ -101,22 +106,33 @@ class NavBar extends React.Component {
                 </Link>
               </NavLogo>
               <NavLinks className={this.state.menuOpen ? 'open' : ''}>
-                {this.state.navItems.filter(item => !item.external).map(item => (
-                  <NavLink key={item.path}>
-                    <Link href={item.path}>
-                      <a className={pathName === item.path ? 'active' : ''}>
+                {this.state.navItems
+                  .filter(item => !item.external)
+                  .map(item => (
+                    <NavLink key={item.path}>
+                      <Link href={item.path}>
+                        <a className={pathName === item.path ? 'active' : ''}>
+                          <span>{item.title}</span>
+                        </a>
+                      </Link>
+                    </NavLink>
+                  ))}
+                {this.state.navItems
+                  .filter(item => item.external)
+                  .map(item => (
+                    <NavLink key={item.path}>
+                      <a
+                        href={item.path}
+                        rel="noopener noreferrer"
+                        target={item.title === 'Donate' ? '_blank' : ''}
+                        className={[
+                          pathName === item.path ? 'active' : '',
+                          item.title === 'Donate' ? 'donate_btn' : '',
+                        ].join(' ')}>
                         <span>{item.title}</span>
                       </a>
-                    </Link>
-                  </NavLink>
-                ))}
-                {this.state.navItems.filter(item => item.external).map(item => (
-                  <NavLink key={item.path}>
-                    <a href={item.path} rel="noopener noreferrer" className={pathName === item.path ? 'active' : ''}>
-                      <span>{item.title}</span>
-                    </a>
-                  </NavLink>
-                ))}
+                    </NavLink>
+                  ))}
               </NavLinks>
             </Nav>
           </Container>
diff --git a/components/common/header/index.styles.js b/components/common/header/index.styles.js
index c94444ea1..678572cc1 100644
--- a/components/common/header/index.styles.js
+++ b/components/common/header/index.styles.js
@@ -107,6 +107,17 @@ export const NavLink = styled.li`
         }
       }
     }
+    &.donate_btn {
+      background: #c201b9;
+      color: white;
+      border-radius: 6px;
+      font-weight: bold;
+      line-height: inherit;
+      margin: 5px;
+      &:hover {
+        background:#9c27b0;
+      }
+    }
     @media(max-width: 885px) {
       width: 100%;
       font-size: 14px;