1 files changed, 10 insertions, 4 deletions
diff --git a/app/assets/javascripts/components/components/frontend.jsx b/app/assets/javascripts/components/components/frontend.jsx
index 9d5166a08..aab3f55dc 100644
--- a/app/assets/javascripts/components/components/frontend.jsx
+++ b/app/assets/javascripts/components/components/frontend.jsx
@@ -1,12 +1,13 @@
-import ColumnsArea          from './columns_area';
-import Column               from './column';
-import Drawer               from './drawer';
+import ColumnsArea            from './columns_area';
+import Column                 from './column';
+import Drawer                 from './drawer';
 import ComposeFormContainer   from '../containers/compose_form_container';
 import FollowFormContainer    from '../containers/follow_form_container';
 import UploadFormContainer    from '../containers/upload_form_container';
 import StatusListContainer    from '../containers/status_list_container';
 import NotificationsContainer from '../containers/notifications_container';
-import PureRenderMixin        from 'react-addons-pure-render-mixin';
+import NavigationContainer    from '../containers/navigation_container';
+import PureRenderMixin from 'react-addons-pure-render-mixin';
 
 const Frontend = React.createClass({
 
@@ -17,6 +18,7 @@ const Frontend = React.createClass({
       <div style={{ flex: '0 0 auto', display: 'flex', width: '100%', height: '100%', background: '#1a1c23' }}>
         <Drawer>
           <div style={{ flex: '1 1 auto' }}>
+            <NavigationContainer />
             <ComposeFormContainer />
             <UploadFormContainer />
           </div>
@@ -32,6 +34,10 @@ const Frontend = React.createClass({
           <Column icon='at' heading='Mentions'>
             <StatusListContainer type='mentions' />
           </Column>
+
+          <Column fluid={true}>
+            {this.props.children}
+          </Column>
         </ColumnsArea>
 
         <NotificationsContainer />