diff --git a/src/components/App.js b/src/components/App.js
index 5f2030756636d673c6834b9f6ea3114df880c629..cdc6a8ad1efca9d19e7fc5b321b2304ea7b07d9e 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -5,12 +5,11 @@ import Footer from './Footer';
 
 const App = () => (
   <div style={{ minHeight: '100%', position: 'relative' }}>
-    <header id='header' >
-      <Header />
-    </header>
-    <main id='main' style={{ minHeight: '100%', position: 'relative' }}>
-      <Main />
-    </main>
+    <Header className='header'>
+      <main id='main' style={{ minHeight: '100%', position: 'relative' }}>
+        <Main />
+      </main>
+    </Header>
     <footer id='footer' style={{ position: 'absolute', width: '100%', bottom: '0' }}>
       <Footer />
     </footer>
diff --git a/src/components/menus/MobileContainer.js b/src/components/menus/MobileContainer.js
index a4dc7345e899daf907439cf2d983a4a2963fa0b2..3e685db0312f2c9cd2143bb841653aa203a8d900 100644
--- a/src/components/menus/MobileContainer.js
+++ b/src/components/menus/MobileContainer.js
@@ -6,8 +6,11 @@ import {
   Button,
   Segment,
   Image,
+  Responsive,
+  Sidebar,
+  Icon,
 } from 'semantic-ui-react';
-import KSZKlogo from './images/kszk_logo.svg';
+import KSZKlogo from '../images/kszk_logo.svg';
 
 
 class MobileContainer extends Component {
@@ -23,7 +26,7 @@ class MobileContainer extends Component {
 
   render() {
     const visible = this.state.sidebarVisible;
-    const { children, user } = this.props;
+    const { children, user, menuItems } = this.props;
     return(
       <Responsive maxWidth={768}>
         <Segment inverted textAlign='center' vertical>