From 8740c8c0c940b9d18d29812db148e5085818d0f1 Mon Sep 17 00:00:00 2001
From: Pascal Precht <pascal.precht@gmail.com>
Date: Thu, 18 Oct 2018 16:00:12 +0200
Subject: [PATCH] fix(cockpit/Layout): ensure Layout render doesn't throw

In https://github.com/status-im/embark-area-51/commit/62964c8ce we've introduced a
regression where are two errors are thrown when `Layout` component is rendered:

- one for NavItem not having a key property
- one for margin-top not being a supported style property on Container

This commits fixes both.
---
 embark-ui/src/components/Layout.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/embark-ui/src/components/Layout.js b/embark-ui/src/components/Layout.js
index f5aa18f37..d5b8ea928 100644
--- a/embark-ui/src/components/Layout.js
+++ b/embark-ui/src/components/Layout.js
@@ -60,7 +60,7 @@ const Layout = ({children, logout, credentials, location, toggleTheme, currentTh
       <Nav className="d-md-down-none" navbar>
         {sidebarNavItems.items.map((item) => {
           return (
-            <NavItem className="px-3">
+            <NavItem className="px-3" key={item.url}>
               <NavLink href={item.url}>
                 <i className={item.icon}>&nbsp;</i>
                 {item.name}
@@ -94,7 +94,7 @@ const Layout = ({children, logout, credentials, location, toggleTheme, currentTh
         <AppSidebarMinimizer />
       </AppSidebar>
       <main className="main">
-        <Container fluid className="h-100" style={{"margin-top": '24px'}}>
+        <Container fluid className="h-100" style={{marginTop: '24px'}}>
           {children}
         </Container>
       </main>