diff --git a/src/App.js b/src/App.js
index 3c677566..c3e5164a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,9 +1,11 @@
 import UserPanel from './components/user_panel/user_panel.vue'
+import NavPanel from './components/nav_panel/nav_panel.vue'
 
 export default {
   name: 'app',
   components: {
-    UserPanel
+    UserPanel,
+    NavPanel
   },
   computed: {
     user () { return this.$store.state.users.currentUser || {} },
diff --git a/src/App.scss b/src/App.scss
index a4d87308..32e4a3eb 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -222,27 +222,6 @@ status.ng-enter.ng-enter-active {
     cursor: pointer;
 }
 
-nav-panel ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-nav-panel li {
-    border-bottom: 1px solid silver;
-    padding: 0.5em;
-    padding-left: 1em;
-}
-
-nav-panel li:last-child {
-    border: none;
-}
-
-nav-panel a {
-    display: block;
-    width: 100%;
-}
-
 .status-el p {
     margin: 0;
     margin-top: 0.2em;