diff --git a/.gitignore b/.gitignore
index 5795702..959e6a5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,3 +9,4 @@ npm-debug.log
 npm-debug.log.*
 thumbs.db
 !.gitkeep
+.vscode
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index e5d226f..070727b 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -13,21 +13,24 @@ import DockableSidebar from './layouts/DockableSidebar'
 import PlayerBar from './layouts/PlayerBar'
 export default {
   name: 'jukebox',
-  components: {DockableSidebar, PlayerBar}
+  components: { DockableSidebar, PlayerBar }
 }
 </script>
 
 <style lang="sass">
-@import 'normalize-scss';
-@include normalize();
+@import 'normalize-scss'
+@include normalize()
+
 .root,.page-wrapper
   display: flex
+
 .page-wrapper
   flex-direction: column
   flex-grow: 1
   height: 100vh
   box-sizing: border-box
   max-height: 100vh
+
   .page
     flex-grow: 1
     overflow: auto
diff --git a/src/renderer/layouts/DockableSidebar.vue b/src/renderer/layouts/DockableSidebar.vue
index 52e749c..6a68aa5 100644
--- a/src/renderer/layouts/DockableSidebar.vue
+++ b/src/renderer/layouts/DockableSidebar.vue
@@ -14,4 +14,5 @@ export default {
 section
     width: 100%
     max-width: 250px
+    padding: 2rem 3rem
 </style>