From a47c6bf547548a8d59b2aae00c617da09f8ae7f4 Mon Sep 17 00:00:00 2001
From: "Edwin P. Magezi" <edwinm_p@yahoo.com>
Date: Mon, 17 Jun 2019 12:09:13 +0300
Subject: [PATCH] [Fix] hide menubar overflow

---
 src/components/molecules/Menu/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/molecules/Menu/index.tsx b/src/components/molecules/Menu/index.tsx
index 1b300215c..f6b729c50 100644
--- a/src/components/molecules/Menu/index.tsx
+++ b/src/components/molecules/Menu/index.tsx
@@ -1,3 +1,4 @@
+import { css } from 'glamor';
 import glamorous from 'glamorous';
 import { red, white } from '../../theme/semantic';
 import { Container } from 'semantic-ui-react';
@@ -22,13 +23,15 @@ const MenuContainer = glamorous.div({
   height: '57px'
 });
 
+const containerStyles = css({ overflow: 'hidden !important' });
+
 export type Props = Menu & {
   nextLink?: React.ComponentClass<LinkState>;
 };
 
 const menu = (props: Props) =>
   <MenuContainer>
-    <Container>
+    <Container { ...containerStyles }>
       <Logo />
       <DesktopMenu { ...props } />
       <MobileMenu { ...props } />