diff --git a/packages/nav-bar/package.json b/packages/nav-bar/package.json
index 34e6652..d282273 100644
--- a/packages/nav-bar/package.json
+++ b/packages/nav-bar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@centrifuge/axis-nav-bar",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Nav Bar ",
   "author": "razvan <razvan@centrifuge.io>",
   "homepage": "https://github.com/centrifuge/axis/tree/master/packages/nav-bar#readme",
diff --git a/packages/nav-bar/src/NavBar.tsx b/packages/nav-bar/src/NavBar.tsx
index b05a45e..55b382c 100644
--- a/packages/nav-bar/src/NavBar.tsx
+++ b/packages/nav-bar/src/NavBar.tsx
@@ -44,6 +44,7 @@ interface Props extends BoxProps, StyledThemeProps<ThemeProps> {
   mainMenuAlignment?: 'right' | 'left',
   sticky?: boolean,
   menuItems: MenuItem[],
+  overlayWidth?: string,
   onRouteClick: (item: MenuItem) => void,
 }
 
@@ -75,6 +76,7 @@ const NavBar: FunctionComponent<Props> = (props) => {
     mainMenuAlignment,
     theme,
     children,
+    overlayWidth,
     ...rest
   } = props;
 
@@ -212,7 +214,7 @@ const NavBar: FunctionComponent<Props> = (props) => {
               onClickOutside={closeMenu}
               onEsc={closeMenu}
             >
-              <Box width={'70vw'} pad={'medium'}>
+              <Box width={overlayWidth} pad={{"top":'medium'}}>
                 <Box fill={'horizontal'} align={'end'}>
                   <Anchor onClick={closeMenu}>
                     <icons.close size={icons.size}/>