diff --git a/src/features/common/Layout.js b/src/features/common/Layout.js
new file mode 100644
index 0000000..a056e48
--- /dev/null
+++ b/src/features/common/Layout.js
@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { SidePanel } from './';
+
+export default class Layout extends Component {
+  static propTypes = {
+    children: PropTypes.node,
+  };
+
+  render() {
+    return (
+      <div className="common-layout">
+        <SidePanel />
+        <div className="common-page-container">
+          {this.props.children}
+        </div>
+      </div>
+    );
+  }
+}
diff --git a/src/features/common/Layout.scss b/src/features/common/Layout.scss
new file mode 100644
index 0000000..d05d76c
--- /dev/null
+++ b/src/features/common/Layout.scss
@@ -0,0 +1,5 @@
+@import '../../styles/mixins';
+
+.common-layout {
+  padding-left: 260px;
+}
diff --git a/src/features/common/index.js b/src/features/common/index.js
index 279d9c7..d40f615 100644
--- a/src/features/common/index.js
+++ b/src/features/common/index.js
@@ -1,2 +1,3 @@
 export { default as PageNotFound } from './PageNotFound';
 export { default as SidePanel } from './SidePanel';
+export { default as Layout } from './Layout';
diff --git a/src/features/common/style.scss b/src/features/common/style.scss
index eff28a4..c8e14dd 100644
--- a/src/features/common/style.scss
+++ b/src/features/common/style.scss
@@ -1,2 +1,3 @@
 @import '../../styles/mixins';
 @import './SidePanel';
+@import './Layout';
diff --git a/tests/features/common/Layout.test.js b/tests/features/common/Layout.test.js
new file mode 100644
index 0000000..652de15
--- /dev/null
+++ b/tests/features/common/Layout.test.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { Layout } from '../../../src/features/common';
+
+it('renders node with correct class name', () => {
+  const renderedComponent = shallow(<Layout />);
+  expect(renderedComponent.find('.common-layout').length).toBe(1);
+});