diff --git a/.gitignore b/.gitignore
index eff774450..3b59ff2f5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,4 @@ dist/coral-admin/bundle.js
 *.iml
 .env
 gaba.cfg
+.idea/
diff --git a/client/coral-admin/src/AppRouter.js b/client/coral-admin/src/AppRouter.js
index 5d21fc819..a0b43361d 100644
--- a/client/coral-admin/src/AppRouter.js
+++ b/client/coral-admin/src/AppRouter.js
@@ -8,7 +8,7 @@ import CommunityContainer from 'containers/Community/CommunityContainer';
 import LayoutContainer from 'containers/LayoutContainer';
 
 const routes = (
-  <Route path='admin' component={LayoutContainer}>
+  <Route path='/admin' component={LayoutContainer}>
     <IndexRoute component={ModerationQueue} />
     <Route path='embed' component={CommentStream} />
     <Route path='community' component={CommunityContainer} />
diff --git a/client/coral-admin/src/actions/auth.js b/client/coral-admin/src/actions/auth.js
new file mode 100644
index 000000000..c5a03132f
--- /dev/null
+++ b/client/coral-admin/src/actions/auth.js
@@ -0,0 +1,19 @@
+import * as actions from '../constants/auth';
+import {base, handleResp, getInit} from '../helpers/response';
+
+// Check Login
+
+const checkLoginRequest = () => ({type: actions.CHECK_LOGIN_REQUEST});
+const checkLoginSuccess = (user, isAdmin) => ({type: actions.CHECK_LOGIN_SUCCESS, user, isAdmin});
+const checkLoginFailure = error => ({type: actions.CHECK_LOGIN_FAILURE, error});
+
+export const checkLogin = () => dispatch => {
+  dispatch(checkLoginRequest());
+  fetch(`${base}/auth`, getInit('GET'))
+    .then(handleResp)
+    .then(user => {
+      const isAdmin = !!user.roles.filter(i => i === 'admin').length;
+      dispatch(checkLoginSuccess(user, isAdmin));
+    })
+    .catch(error => dispatch(checkLoginFailure(error)));
+};
diff --git a/client/coral-admin/src/components/Comment.js b/client/coral-admin/src/components/Comment.js
index 154d68134..80c67aebd 100644
--- a/client/coral-admin/src/components/Comment.js
+++ b/client/coral-admin/src/components/Comment.js
@@ -1,11 +1,11 @@
 
 import React from 'react';
-import {Button, Icon} from 'react-mdl';
 import timeago from 'timeago.js';
 import styles from './CommentList.css';
 import I18n from 'coral-framework/modules/i18n/i18n';
 import translations from '../translations.json';
 import Linkify from 'react-linkify';
+import {FabButton} from 'coral-ui';
 
 const linkify = new Linkify();
 
@@ -14,7 +14,7 @@ export default props => {
   const links = linkify.getMatches(props.comment.get('body'));
 
   return (
-    <li tabindex={props.index} className={`${styles.listItem} ${props.isActive && !props.hideActive ? styles.activeItem : ''}`}>
+    <li tabIndex={props.index} className={`${styles.listItem} ${props.isActive && !props.hideActive ? styles.activeItem : ''}`}>
       <div className={styles.itemHeader}>
         <div className={styles.author}>
           <i className={`material-icons ${styles.avatar}`}>person</i>
@@ -26,12 +26,12 @@ export default props => {
           {links ?
           <span className={styles.hasLinks}><Icon name='error_outline'/> Contains Link</span> : null}
           <div className={styles.actions}>
-            {props.actions.map(action => canShowAction(action, props.comment) ? (
-              <Button className={styles.actionButton}
+            {props.actions.map((action, i) => canShowAction(action, props.comment) ? (
+              <FabButton icon={props.actionsMap[action].icon} className={styles.actionButton}
+                cStyle={action}
+                key={i}
                 onClick={() => props.onClickAction(props.actionsMap[action].status, props.comment.get('id'))}
-                fab colored>
-                <Icon name={props.actionsMap[action].icon} />
-              </Button>
+              />
             ) : null)}
           </div>
         </div>
diff --git a/client/coral-admin/src/components/CommentList.js b/client/coral-admin/src/components/CommentList.js
index 819de62b0..e4682252d 100644
--- a/client/coral-admin/src/components/CommentList.js
+++ b/client/coral-admin/src/components/CommentList.js
@@ -112,15 +112,15 @@ export default class CommentList extends React.Component {
   }
 
   render () {
-    const {singleView, commentIds, comments, hideActive} = this.props;
+    const {singleView, commentIds, comments, hideActive, key} = this.props;
     const {active} = this.state;
 
     return (
-      <ul className={`${styles.list} ${singleView ? styles.singleView : ''}`}>
+      <ul className={`${styles.list} ${singleView ? styles.singleView : ''}`} {...key}>
         {commentIds.map((commentId, index) => (
           <Comment comment={comments.get(commentId)}
             ref={el => { if (el && commentId === active) { this._active = el; } }}
-            key={`${index  }comment`}
+            key={index}
             index={index}
             onClickAction={this.onClickAction}
             actions={this.props.actions}
diff --git a/client/coral-admin/src/components/Header.js b/client/coral-admin/src/components/Header.js
deleted file mode 100644
index aa3ba6708..000000000
--- a/client/coral-admin/src/components/Header.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import {Layout, Navigation, Drawer, Header} from 'react-mdl';
-import {Link} from 'react-router';
-import styles from './Header.css';
-import I18n from 'coral-framework/modules/i18n/i18n';
-import translations from '../translations.json';
-
-// App header. If we add a navbar it should be here
-export default (props) => (
-  <Layout fixedDrawer>
-    <Header title='Talk'>
-      <Navigation>
-        <Link className={styles.navLink} to={'/admin/'}>{lang.t('configure.moderate')}</Link>
-        <Link className={styles.navLink} to={'/admin/configure'}>{lang.t('Configure')}</Link>
-      </Navigation>
-    </Header>
-    <Drawer>
-      <Navigation>
-        <Link className={styles.navLink} to={'/admin/'}>{lang.t('configure.moderate')}</Link>
-        <Link className={styles.navLink} to={'/admin/configure'}>{lang.t('configure.Configure')}</Link>
-      </Navigation>
-    </Drawer>
-    {props.children}
-  </Layout>
-);
-
-const lang = new I18n(translations);
diff --git a/client/coral-admin/src/components/NotFound.css b/client/coral-admin/src/components/NotFound.css
new file mode 100644
index 000000000..fc9aedc6b
--- /dev/null
+++ b/client/coral-admin/src/components/NotFound.css
@@ -0,0 +1,12 @@
+.layout {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.layout h1 {
+    font-size: 40px;
+}
+
+.layout img {
+    width: 100%;
+}
diff --git a/client/coral-admin/src/components/NotFound.js b/client/coral-admin/src/components/NotFound.js
new file mode 100644
index 000000000..fc9089ba3
--- /dev/null
+++ b/client/coral-admin/src/components/NotFound.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import {Layout} from 'react-mdl';
+import styles from './NotFound.css';
+
+export const NotFound = () => (
+  <Layout fixedDrawer>
+    <div className={styles.layout} >
+      <h1>Page Not Found</h1>
+      <p>The communicorn feels your pain.</p>
+      <img src="https://coralproject.net/images/communicorn.jpg" alt="Communicorn"/>
+    </div>
+  </Layout>
+);
diff --git a/client/coral-admin/src/components/PermissionRequired.js b/client/coral-admin/src/components/PermissionRequired.js
new file mode 100644
index 000000000..c61ab1cef
--- /dev/null
+++ b/client/coral-admin/src/components/PermissionRequired.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import {Layout} from 'react-mdl';
+import styles from './NotFound.css';
+
+export const PermissionRequired = () => (
+  <Layout fixedDrawer>
+    <div className={styles.layout} >
+      <h1>Permission Required</h1>
+      <p>We’re sorry, but you don’t have access to that page.</p>
+      <img src="https://coralproject.net/images/communicorn.jpg" alt="Communicorn"/>
+    </div>
+  </Layout>
+);
diff --git a/client/coral-admin/src/components/ui/Header.css b/client/coral-admin/src/components/ui/Header.css
index e69de29bb..3d4e7dc77 100644
--- a/client/coral-admin/src/components/ui/Header.css
+++ b/client/coral-admin/src/components/ui/Header.css
@@ -0,0 +1,21 @@
+.header {
+    background: #505050;
+    overflow: hidden;
+}
+
+.header > div {
+    position: relative;
+    padding: 0;
+    width: 1170px;
+    margin: 0 auto;
+}
+
+.active {
+    background: #232323;
+}
+
+.version {
+    position: absolute;
+    right: 0;
+    width: 50px;
+}
diff --git a/client/coral-admin/src/components/ui/Header.js b/client/coral-admin/src/components/ui/Header.js
index 2e0f77b6e..7ba88d25a 100644
--- a/client/coral-admin/src/components/ui/Header.js
+++ b/client/coral-admin/src/components/ui/Header.js
@@ -1,20 +1,22 @@
 import React from 'react';
 import {Navigation, Header} from 'react-mdl';
-import {Link} from 'react-router';
+import {Link, IndexLink} from 'react-router';
 import styles from './Header.css';
 import I18n from 'coral-framework/modules/i18n/i18n';
 import translations from '../../translations.json';
+import {Logo} from './Logo';
 
 export default () => (
-  <Header title='Talk'>
+  <Header className={styles.header}>
+    <Logo />
     <Navigation>
-      <Link className={styles.navLink} to="/admin">{lang.t('configure.moderate')}</Link>
-      <Link className={styles.navLink} to="/admin/community">{lang.t('configure.community')}</Link>
-      <Link className={styles.navLink} to="/admin/configure">{lang.t('configure.configure')}</Link>
-      <span>
-        {`v${process.env.VERSION}`}
-      </span>
+      <IndexLink className={styles.navLink} to="/admin" activeClassName={styles.active}>{lang.t('configure.moderate')}</IndexLink>
+      <Link className={styles.navLink} to="/admin/community" activeClassName={styles.active}>{lang.t('configure.community')}</Link>
+      <Link className={styles.navLink} to="/admin/configure" activeClassName={styles.active}>{lang.t('configure.configure')}</Link>
     </Navigation>
+    <div className={styles.version}>
+      {`v${process.env.VERSION}`}
+    </div>
   </Header>
 );
 
diff --git a/client/coral-admin/src/components/ui/Logo.css b/client/coral-admin/src/components/ui/Logo.css
new file mode 100644
index 000000000..e764af627
--- /dev/null
+++ b/client/coral-admin/src/components/ui/Logo.css
@@ -0,0 +1,18 @@
+.logo h1 {
+    color: #272727;
+    font-size: 20px;
+    padding: 0 30px;
+}
+
+.logo span {
+    display: inline-block;
+    margin-left: 10px;
+    font-size: 18px;
+    vertical-align: middle;
+}
+
+.logo {
+    background: #E5E5E5;
+}
+
+
diff --git a/client/coral-admin/src/components/ui/Logo.js b/client/coral-admin/src/components/ui/Logo.js
new file mode 100644
index 000000000..df6c42f26
--- /dev/null
+++ b/client/coral-admin/src/components/ui/Logo.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import styles from './Logo.css';
+import {CoralLogo} from 'coral-ui';
+
+export const Logo = () => (
+  <div className={styles.logo}>
+    <h1>
+      <CoralLogo stroke="#E5E5E5" />
+      <span>Talk</span>
+    </h1>
+  </div>
+);
diff --git a/client/coral-admin/src/constants/auth.js b/client/coral-admin/src/constants/auth.js
new file mode 100644
index 000000000..c6cb6c944
--- /dev/null
+++ b/client/coral-admin/src/constants/auth.js
@@ -0,0 +1,7 @@
+export const CHECK_LOGIN_REQUEST = 'CHECK_LOGIN_REQUEST';
+export const CHECK_LOGIN_SUCCESS = 'CHECK_LOGIN_SUCCESS';
+export const CHECK_LOGIN_FAILURE = 'CHECK_LOGIN_FAILURE';
+
+export const LOGOUT_REQUEST = 'LOGOUT_REQUEST';
+export const LOGOUT_SUCCESS = 'LOGOUT_SUCCESS';
+export const LOGOUT_FAILURE = 'LOGOUT_FAILURE';
diff --git a/client/coral-admin/src/containers/LayoutContainer.js b/client/coral-admin/src/containers/LayoutContainer.js
index 921af251d..5f3cb0cff 100644
--- a/client/coral-admin/src/containers/LayoutContainer.js
+++ b/client/coral-admin/src/containers/LayoutContainer.js
@@ -1,19 +1,41 @@
 import React, {Component} from 'react';
 import {connect} from 'react-redux';
-
 import {Layout} from '../components/ui/Layout';
+import {checkLogin} from '../actions/auth';
+import {NotFound} from '../components/NotFound';
+import {PermissionRequired} from '../components/PermissionRequired';
 
 class LayoutContainer extends Component {
+  componentWillMount () {
+    this.props.checkLogin();
+  }
   render () {
+    const {isAdmin, loggedIn} = this.props.auth;
+
+    if (!loggedIn) {
+      return <NotFound />;
+    }
+
+    if (!isAdmin && loggedIn) {
+      return <PermissionRequired />;
+    }
+
     return <Layout {...this.props} />;
   }
 }
 
 LayoutContainer.propTypes = {};
 
-const mapStateToProps = () => ({});
+const mapStateToProps = state => ({
+  auth: state.auth.toJS()
+});
 
-const mapDispatchToProps = (dispatch) => ({dispatch});
+const mapDispatchToProps = dispatch => ({
+  checkLogin: () => dispatch(checkLogin()),
+});
 
-export default connect(mapStateToProps, mapDispatchToProps)(LayoutContainer);
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(LayoutContainer);
 
diff --git a/client/coral-admin/src/containers/ModerationQueue.css b/client/coral-admin/src/containers/ModerationQueue.css
index 02f9eb9e9..6d40b5935 100644
--- a/client/coral-admin/src/containers/ModerationQueue.css
+++ b/client/coral-admin/src/containers/ModerationQueue.css
@@ -1,4 +1,3 @@
-
 @custom-media --big-viewport (min-width: 780px);
 
 .listContainer {
@@ -6,8 +5,13 @@
   margin: 0 auto;
 }
 
+.tabBar {
+  background: #9E9E9E;
+}
+
 .tab {
   flex: 1;
+  color: white;
 }
 
 @media (--big-viewport) {
diff --git a/client/coral-admin/src/containers/ModerationQueue.js b/client/coral-admin/src/containers/ModerationQueue.js
index 7a30b8487..88150012a 100644
--- a/client/coral-admin/src/containers/ModerationQueue.js
+++ b/client/coral-admin/src/containers/ModerationQueue.js
@@ -61,9 +61,9 @@ class ModerationQueue extends React.Component {
     return (
       <div>
         <div className='mdl-tabs mdl-js-tabs mdl-js-ripple-effect'>
-          <div className='mdl-tabs__tab-bar'>
+          <div className={`mdl-tabs__tab-bar ${styles.tabBar}`}>
             <a href='#pending' onClick={() => this.onTabClick('pending')}
-              className={`mdl-tabs__tab is-active ${styles.tab}`}>{lang.t('modqueue.pending')}</a>
+              className={`mdl-tabs__tab ${styles.tab}`}>{lang.t('modqueue.pending')}</a>
             <a href='#rejected' onClick={() => this.onTabClick('rejected')}
               className={`mdl-tabs__tab ${styles.tab}`}>{lang.t('modqueue.rejected')}</a>
             <a href='#flagged' onClick={() => this.onTabClick('flagged')}
diff --git a/client/coral-admin/src/helpers/response.js b/client/coral-admin/src/helpers/response.js
index 439ba5a8a..bccfc5a04 100644
--- a/client/coral-admin/src/helpers/response.js
+++ b/client/coral-admin/src/helpers/response.js
@@ -1,12 +1,15 @@
 export const base = '/api/v1';
 
 export const getInit = (method, body) => {
-  const headers = new Headers({
-    'Content-Type': 'application/json',
-    'Accept': 'application/json'
-  });
+  let init = {
+    method,
+    headers: new Headers({
+      'Content-Type': 'application/json',
+      'Accept': 'application/json'
+    }),
+    credentials: 'same-origin'
+  };
 
-  const init = {method, headers};
   if (method.toLowerCase() !== 'get') {
     init.body = JSON.stringify(body);
   }
diff --git a/client/coral-admin/src/reducers/auth.js b/client/coral-admin/src/reducers/auth.js
new file mode 100644
index 000000000..59dccac5e
--- /dev/null
+++ b/client/coral-admin/src/reducers/auth.js
@@ -0,0 +1,28 @@
+import {Map} from 'immutable';
+import * as actions from '../constants/auth';
+
+const initialState = Map({
+  loggedIn: false,
+  user: null,
+  isAdmin: false
+});
+
+export default function auth (state = initialState, action) {
+  switch (action.type) {
+  case actions.CHECK_LOGIN_FAILURE:
+    return state
+      .set('loggedIn', false)
+      .set('user', null);
+  case actions.CHECK_LOGIN_SUCCESS:
+    return state
+      .set('loggedIn', true)
+      .set('isAdmin', action.isAdmin)
+      .set('user', action.user);
+  case actions.LOGOUT_SUCCESS:
+    return state
+      .set('loggedIn', false)
+      .set('user', null);
+  default :
+    return state;
+  }
+}
diff --git a/client/coral-admin/src/reducers/index.js b/client/coral-admin/src/reducers/index.js
index 1b29ced69..61029539a 100644
--- a/client/coral-admin/src/reducers/index.js
+++ b/client/coral-admin/src/reducers/index.js
@@ -2,11 +2,13 @@ import {combineReducers} from 'redux';
 import comments from 'reducers/comments';
 import settings from 'reducers/settings';
 import community from 'reducers/community';
+import auth from 'reducers/auth';
 
 // Combine all reducers into a main one
 export default combineReducers({
   settings,
   comments,
-  community
+  community,
+  auth
 });
 
diff --git a/client/coral-framework/actions/auth.js b/client/coral-framework/actions/auth.js
index e562fd29f..537ffadc2 100644
--- a/client/coral-framework/actions/auth.js
+++ b/client/coral-framework/actions/auth.js
@@ -19,8 +19,8 @@ export const cleanState = () => ({type: actions.CLEAN_STATE});
 // Sign In Actions
 
 const signInRequest = () => ({type: actions.FETCH_SIGNIN_REQUEST});
-const signInSuccess = (user) => ({type: actions.FETCH_SIGNIN_SUCCESS, user});
-const signInFailure = (error) => ({type: actions.FETCH_SIGNIN_FAILURE, error});
+const signInSuccess = user => ({type: actions.FETCH_SIGNIN_SUCCESS, user});
+const signInFailure = error => ({type: actions.FETCH_SIGNIN_FAILURE, error});
 
 export const fetchSignIn = (formData) => dispatch => {
   dispatch(signInRequest());
@@ -114,3 +114,16 @@ export const logout = () => dispatch => {
 export const validForm = () => ({type: actions.VALID_FORM});
 export const invalidForm = error => ({type: actions.INVALID_FORM, error});
 
+// Check Login
+
+const checkLoginRequest = () => ({type: actions.CHECK_LOGIN_REQUEST});
+const checkLoginSuccess = user => ({type: actions.CHECK_LOGIN_SUCCESS, user});
+const checkLoginFailure = error => ({type: actions.CHECK_LOGIN_FAILURE, error});
+
+export const checkLogin = () => dispatch => {
+  dispatch(checkLoginRequest());
+  fetch(`${base}/auth`, getInit('GET'))
+    .then(handleResp)
+    .then(user => dispatch(checkLoginSuccess(user)))
+    .catch(error => dispatch(checkLoginFailure(error)));
+};
diff --git a/client/coral-framework/constants/auth.js b/client/coral-framework/constants/auth.js
index a6a2c44f8..07ca2e661 100644
--- a/client/coral-framework/constants/auth.js
+++ b/client/coral-framework/constants/auth.js
@@ -27,3 +27,7 @@ export const LOGOUT_FAILURE = 'LOGOUT_FAILURE';
 export const INVALID_FORM = 'INVALID_FORM';
 export const VALID_FORM = 'VALID_FORM';
 
+export const CHECK_LOGIN_REQUEST = 'CHECK_LOGIN_REQUEST';
+export const CHECK_LOGIN_SUCCESS = 'CHECK_LOGIN_SUCCESS';
+export const CHECK_LOGIN_FAILURE = 'CHECK_LOGIN_FAILURE';
+
diff --git a/client/coral-framework/reducers/auth.js b/client/coral-framework/reducers/auth.js
index 343ac9c09..a445fc663 100644
--- a/client/coral-framework/reducers/auth.js
+++ b/client/coral-framework/reducers/auth.js
@@ -37,6 +37,14 @@ export default function auth (state = initialState, action) {
   case actions.FETCH_SIGNIN_REQUEST:
     return state
       .set('isLoading', true);
+  case actions.CHECK_LOGIN_FAILURE:
+    return state
+      .set('loggedIn', false)
+      .set('user', null);
+  case actions.CHECK_LOGIN_SUCCESS:
+    return state
+      .set('loggedIn', true)
+      .set('user', action.user);
   case actions.FETCH_SIGNIN_SUCCESS:
     return state
       .set('loggedIn', true)
@@ -44,7 +52,8 @@ export default function auth (state = initialState, action) {
   case actions.FETCH_SIGNIN_FAILURE:
     return state
       .set('isLoading', false)
-      .set('error', action.error);
+      .set('error', action.error)
+      .set('user', null);
   case actions.FETCH_SIGNIN_FACEBOOK_SUCCESS:
     return state
       .set('user', action.user)
diff --git a/client/coral-sign-in/containers/SignInContainer.js b/client/coral-sign-in/containers/SignInContainer.js
index fc85fd3c4..3e666948a 100644
--- a/client/coral-sign-in/containers/SignInContainer.js
+++ b/client/coral-sign-in/containers/SignInContainer.js
@@ -18,7 +18,8 @@ import {
   fetchForgotPassword,
   facebookCallback,
   invalidForm,
-  validForm
+  validForm,
+  checkLogin
 } from '../../coral-framework/actions/auth';
 
 class SignInContainer extends Component {
@@ -43,6 +44,10 @@ class SignInContainer extends Component {
     this.addError = this.addError.bind(this);
   }
 
+  componentWillMount () {
+    this.props.checkLogin();
+  }
+
   componentDidMount() {
     window.authCallback = this.props.facebookCallback;
     const {formData} = this.state;
@@ -147,6 +152,7 @@ const mapStateToProps = state => ({
 });
 
 const mapDispatchToProps = dispatch => ({
+  checkLogin: () => dispatch(checkLogin()),
   facebookCallback: (err, data) => dispatch(facebookCallback(err, data)),
   fetchSignUp: formData => dispatch(fetchSignUp(formData)),
   fetchSignIn: formData => dispatch(fetchSignIn(formData)),
diff --git a/client/coral-ui/components/CoralLogo.js b/client/coral-ui/components/CoralLogo.js
new file mode 100644
index 000000000..f85fd6f2d
--- /dev/null
+++ b/client/coral-ui/components/CoralLogo.js
@@ -0,0 +1,42 @@
+import React, {PropTypes} from 'react';
+
+const CoralLogo = ({height = '30px', width = '30px', stroke = '#FFFFFF'}) => (
+  <svg width={width} height={height} viewBox='0 0 381 391' version='1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink'>
+  <g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+    <g id='Wordmark-Round' transform='translate(-1833.000000, -411.000000)' stroke={stroke} strokeWidth='22' strokeLinecap='round' strokeLinejoin='round'>
+      <g id='coralProjectLogo-2-Copy-2' transform='translate(1842.000000, 421.000000)'>
+        <g id='Layer_2' transform='translate(2.268750, 1.133903)'>
+          <rect id='Rectangle-1' fill='#F47E6B' x='0' y='0' width='358.4625' height='368.518519' rx='40'>
+        </rect>
+        <path d='M0.226875,105.679772 C13.7259375,122.688319 41.29125,131.986325 56.71875,116.792023 C67.0415625,106.586895 62.5040625,93.0934473 76.910625,63.3851852 C83.94375,48.7578348 90.523125,38.3259259 101.980313,37.5321937 C115.139063,36.6250712 131.814375,50.3452991 134.31,69.3948718 C137.826563,95.1344729 115.479375,105.339601 121.15125,123.822222 C127.390313,144.119088 157.110938,140.377208 166.52625,165.096296 C170.042813,174.394302 171.630938,190.382336 163.463438,198.319658 C149.170313,212.266667 120.584063,186.073504 80.7675,198.319658 C73.280625,200.587464 56.3784375,205.803419 51.500625,219.523647 C46.73625,233.130484 55.584375,251.046154 67.60875,260.797721 C93.245625,281.661538 119.79,254.674644 159.379688,271.909972 C181.840313,281.661538 203.053125,303.319088 208.725,330.305983 C211.674375,344.593162 209.6325,356.952707 207.704063,364.549858' id='Shape'>
+        </path>
+      </g>
+      <g id='Layer_3' transform='translate(43.106250, 289.145299)'>
+        <path d='M90.4096875,72.5698006 C78.8390625,41.3874644 64.9996875,31.4091168 54.1096875,28.234188 C41.8584375,24.7190883 30.7415625,29.0279202 17.8096875,21.2039886 C8.394375,15.4210826 3.403125,6.57663818 0.680625,0'id='Shape'></path>
+      </g><g id='Layer_4' transform='translate(220.068750, 209.772080)'>
+      <path d='M81.7884375,152.963533 C74.9821875,122.007977 61.8234375,104.77265 50.593125,94.5675214 C31.8759375,77.6723647 14.746875,77.1054131 5.218125,57.2621083 C4.4240625,55.5612536 -5.7853125,33.4501425 5.218125,17.008547 C14.52,3.06153846 33.350625,1.47407407 41.518125,0.907122507 C64.3190625,-0.907122507 73.280625,9.52478632 100.959375,13.039886 C117.180938,15.0809117 130.793438,13.4934473 139.30125,12.0193732'id='Shape'></path>
+    </g>
+      <g id='Layer_5' transform='translate(285.862500, 289.145299)'>
+        <path d='M74.415,2.04102564 C66.3609375,0.793732194 51.046875,-0.566951567 33.12375,5.1025641 C17.5828125,9.97834758 6.80625,18.0290598 0.9075,23.2450142'id='Shape'></path>
+      </g>
+      <g id='Layer_6' transform='translate(174.693750, 1.133903)'>
+        <path d='M184.109063,151.035897 C170.950313,174.507692 158.699063,180.290598 149.850938,181.311111 C133.85625,183.011966 129.091875,168.724786 104.475938,163.168661 C79.2928125,157.499145 72.2596875,169.745299 52.0678125,163.168661 C30.0609375,155.911681 18.7171875,134.821083 12.705,123.822222 C-1.588125,97.4022792 -0.3403125,71.6626781 0.5671875,51.2524217 C1.588125,29.4814815 6.125625,12.0193732 9.6421875,0.907122507'id='Shape'></path>
+        <path d='M183.541875,69.3948718 C170.496563,56.6951567 157.564688,45.8096866 149.28375,39.0062678 C143.385,34.1304843 134.990625,33.2233618 128.297813,36.8518519 C128.070938,36.9652422 127.844063,37.0786325 127.730625,37.1920228 C122.739375,40.1401709 119.449688,45.3561254 118.8825,51.1390313 C118.201875,59.0763533 117.0675,71.4358974 114.912188,82.8883191 C114.118125,87.0837607 107.085,103.865527 89.7290625,110.668946 C77.2509375,115.544729 62.0503125,110.668946 53.4290625,101.597721 C40.38375,87.7641026 44.8078125,66.9002849 47.416875,55.2210826 C53.5425,26.760114 73.3940625,9.07122507 82.6959375,1.81424501'id='Shape'></path>
+      </g>
+      <g id='Layer_7' transform='translate(3.403125, 179.156695)'>
+        <path d='M0.1134375,0.226780627 C2.949375,6.34985755 8.394375,16.1014245 18.2634375,25.3994302 C27.67875,34.2438746 37.3209375,39.0062678 43.4465625,41.5008547'id='Shape'></path>
+      </g>
+    </g>
+  </g>
+  </g>
+</svg>
+);
+
+CoralLogo.propTypes = {
+  height: PropTypes.string,
+  width: PropTypes.string,
+  stroke: PropTypes.string
+};
+
+export default CoralLogo;
+
diff --git a/client/coral-ui/components/FabButton.css b/client/coral-ui/components/FabButton.css
new file mode 100644
index 000000000..688190407
--- /dev/null
+++ b/client/coral-ui/components/FabButton.css
@@ -0,0 +1,9 @@
+.type--approve {
+    background: #00796b;
+    color: rgba(255, 255, 255, 0.901961);
+}
+
+.type--reject {
+    background: #d32f2f ;
+    color: rgba(255, 255, 255, 0.901961);
+}
diff --git a/client/coral-ui/components/FabButton.js b/client/coral-ui/components/FabButton.js
new file mode 100644
index 000000000..df48af55d
--- /dev/null
+++ b/client/coral-ui/components/FabButton.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import styles from './FabButton.css';
+import {FABButton, Icon} from 'react-mdl';
+
+const FabButton = ({cStyle = 'local', icon, className, ...props}) => (
+  <FABButton className={`${styles[`type--${cStyle}`]} ${className ? className : ''}`}  {...props}>
+    <Icon name={icon} />
+  </FABButton>
+);
+
+export default FabButton;
diff --git a/client/coral-ui/index.js b/client/coral-ui/index.js
index 5116a16dd..416f89671 100644
--- a/client/coral-ui/index.js
+++ b/client/coral-ui/index.js
@@ -1 +1,3 @@
 export {default as Dialog} from './components/Dialog';
+export {default as CoralLogo} from './components/CoralLogo';
+export {default as FabButton} from './components/FabButton';
diff --git a/routes/api/auth/index.js b/routes/api/auth/index.js
index 87ffb62c8..ae6fba01c 100644
--- a/routes/api/auth/index.js
+++ b/routes/api/auth/index.js
@@ -8,7 +8,7 @@ const router = express.Router();
  * This returns the user if they are logged in.
  */
 router.get('/', authorization.needed(), (req, res) => {
-  res.json(req.user);
+  res.json(req.user.toObject());
 });
 
 /**