diff --git a/src/components/Header.js b/src/components/Header.js
new file mode 100644
index 0000000..10e2f51
--- /dev/null
+++ b/src/components/Header.js
@@ -0,0 +1,13 @@
+import React, { PropTypes } from "react";
+
+const Header = (props) => {
+    return (
+        <div id="header">
+            <h1>Solstice web UI</h1>
+        </div>
+    );
+};
+
+Header.propTypes = {};
+
+export default Header;
diff --git a/src/components/SolsticeApp.js b/src/components/SolsticeApp.js
index 6d08060..aa7ec9d 100644
--- a/src/components/SolsticeApp.js
+++ b/src/components/SolsticeApp.js
@@ -1,6 +1,7 @@
 import React, {PropTypes} from "react";
 
 import ConnectForm from  "../components/ConnectForm";
+import Header from "../components/Header";
 import SocketStatusPane from "../components/SocketStatusPane";
 
 import LoginStatusPane from "../containers/LoginStatusPane";
@@ -21,7 +22,7 @@ const SolsticeApp = (props) => {
     }
     return (
         <main>
-            <h1>Solstice web UI</h1>
+            <Header />
             <SocketStatusPane {...socket} />
             <LoginStatusPane socketSend={actions.socketActions.send}/>
             <RoomsPane socketSend={actions.socketActions.send}/>