diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
index 7856b77f..d5b5f6ce 100644
--- a/src/components/Navbar/Navbar.tsx
+++ b/src/components/Navbar/Navbar.tsx
@@ -39,6 +39,7 @@ export type NavbarI18N = {
       overview: React.ReactNode
       governance: React.ReactNode
       transparency: React.ReactNode
+      grants: React.ReactNode
     }
     blog: React.ReactNode
     builder: {
@@ -132,7 +133,8 @@ export class Navbar extends React.PureComponent<NavbarProps, NavbarState> {
           main: 'DAO',
           overview: 'Overview',
           governance: 'Governance',
-          transparency: 'Transparency'
+          transparency: 'Transparency',
+          grants: 'Grants'
         },
         blog: 'Blog',
         builder: {
@@ -436,6 +438,14 @@ export class Navbar extends React.PureComponent<NavbarProps, NavbarState> {
           >
             {i18n.menu.dao.transparency}
           </Menu.Item>
+          <Menu.Item
+            href={`${config.get('DAO_URL')}/grants`}
+            onMouseDown={(e: React.MouseEvent) =>
+              this.handleClickMenuOption(e, `${NavbarPages.DAO}_grants`)
+            }
+          >
+            {i18n.menu.dao.grants}
+          </Menu.Item>
         </Menu>
       </Menu.Item>
     )