diff --git a/embark-ui/src/components/ExplorerLayout.js b/embark-ui/src/components/ExplorerLayout.js
index bb7299c7..e98f7586 100644
--- a/embark-ui/src/components/ExplorerLayout.js
+++ b/embark-ui/src/components/ExplorerLayout.js
@@ -10,9 +10,12 @@ import AccountsContainer from '../containers/AccountsContainer';
 import AccountContainer from '../containers/AccountContainer';
 import BlocksContainer from '../containers/BlocksContainer';
 import BlockContainer from '../containers/BlockContainer';
+import CommunicationContainer from '../containers/CommunicationContainer';
 import TransactionsContainer from '../containers/TransactionsContainer';
 import TransactionContainer from '../containers/TransactionContainer';
 
+const className = "d-flex align-items-center";
+
 const ExplorerLayout = () => (
   <Grid.Row>
     <Grid.Col md={3}>
@@ -20,7 +23,7 @@ const ExplorerLayout = () => (
       <div>
         <List.Group transparent={true}>
           <List.GroupItem
-            className="d-flex align-items-center"
+            className={className}
             to="/embark/explorer/accounts"
             icon="users"
             RootComponent={withRouter(NavLink)}
@@ -28,7 +31,7 @@ const ExplorerLayout = () => (
             Accounts
           </List.GroupItem>
           <List.GroupItem
-            className="d-flex align-items-center"
+            className={className}
             to="/embark/explorer/blocks"
             icon="book-open"
             RootComponent={withRouter(NavLink)}
@@ -36,13 +39,21 @@ const ExplorerLayout = () => (
             Blocks
           </List.GroupItem>
           <List.GroupItem
-            className="d-flex align-items-center"
+            className={className}
             to="/embark/explorer/transactions"
             icon="activity"
             RootComponent={withRouter(NavLink)}
           >
             Transactions
           </List.GroupItem>
+          <List.GroupItem
+            className={className}
+            to="/embark/explorer/communication"
+            icon="phone-call"
+            RootComponent={withRouter(NavLink)}
+          >
+            Communication
+          </List.GroupItem>
         </List.Group>
       </div>
     </Grid.Col>
@@ -52,6 +63,7 @@ const ExplorerLayout = () => (
         <Route exact path="/embark/explorer/accounts/:address" component={AccountContainer} />
         <Route exact path="/embark/explorer/blocks" component={BlocksContainer} />
         <Route exact path="/embark/explorer/blocks/:blockNumber" component={BlockContainer} />
+        <Route exact path="/embark/explorer/communication" component={CommunicationContainer} />
         <Route exact path="/embark/explorer/transactions" component={TransactionsContainer} />
         <Route exact path="/embark/explorer/transactions/:hash" component={TransactionContainer} />
       </Switch>