diff --git a/package.json b/package.json
index ed74538..4873793 100644
--- a/package.json
+++ b/package.json
@@ -5,15 +5,15 @@
   "main": "index.js",
   "scripts": {
     "build:cljs": "shadow-cljs release app",
-    "build:sass": "node-sass --output-style compressed src/sass/app.sass | postcss -o public/app/style.css",
+    "build:sass": "node-sass --output-style compressed src/sass/app.sass | postcss -o public/app/app.css",
     "build": "rm -r public/*; run-p copy:* build:*",
     "copy:assets": "cp -R src/assets/* public/",
     "copy:icons": "cp -R node_modules/open-iconic/font/fonts public",
     "deploy": "npm run build && gh-pages -d public -m \"Deploying $(git rev-parse --short HEAD)\"",
     "dev:cljs": "shadow-cljs watch app test",
-    "dev:sass": "npm run build:sass; node-sass -w src/sass/app.sass | postcss -o public/app/style.css",
+    "dev:sass": "node-sass -w src/sass/app.sass -o public/app",
     "dev:test": "karma start --reporters notify,progress --auto-watch",
-    "dev": "rm -r public/*; npm-run-all copy:* test:compile -p dev:*",
+    "dev": "rm -r public/*; npm-run-all build:sass copy:* test:compile -p dev:*",
     "test": "run-s test:compile test:run",
     "test:compile": "shadow-cljs compile test",
     "test:run": "karma start --single-run"
diff --git a/src/assets/index.html b/src/assets/index.html
index b238243..940932a 100644
--- a/src/assets/index.html
+++ b/src/assets/index.html
@@ -4,7 +4,7 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>Airsonic</title>
-        <link rel="stylesheet" href="./app/style.css">
+        <link rel="stylesheet" href="./app/app.css">
         <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
         <link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
         <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
diff --git a/src/sass/app.sass b/src/sass/app.sass
index 6113ddb..ee8d8dc 100644
--- a/src/sass/app.sass
+++ b/src/sass/app.sass
@@ -228,6 +228,11 @@
   &.is-tiny
     padding: 0.75rem 1.5rem
 
+// tab bar on top
+.ui-tab-bar
+  padding-top: 100px
+  padding-bottom: 0.75rem
+
 // occurs on many pages at the top to show details
 .hero
   &.is-small + .section