diff --git a/packages/app-shell/assets/index.html b/packages/app-shell/assets/index.html
index 45b8b474ffc835cc13aef4fa7549c9e6f6bb0cb9..054b33165f3fe7485b7731e3c7cd609a4c5dce7c 100644
--- a/packages/app-shell/assets/index.html
+++ b/packages/app-shell/assets/index.html
@@ -7,6 +7,12 @@
     <style>
         :root {
             font-family: sans-serif;
+            font-weight: 300;
+            font-size: 11pt;
+        }
+
+        body {
+            margin: 0;
         }
     </style>
 
diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js
index f1d98e1cb7cc5f327b520dc678a3784ca212b6eb..90e405c4b8d1b24e094a5f908b78723f12477d74 100644
--- a/packages/app-shell/src/app-shell.js
+++ b/packages/app-shell/src/app-shell.js
@@ -445,10 +445,10 @@ export class AppShell extends ScopedElementsMixin(LitElement) {
                 margin: 0 auto;
             }
 
-            aside { grid-area: sidebar; margin: 30px 15px; }
-            #headline { grid-area: headline; margin: 15px; text-align: center; }
-            main { grid-area: main; margin: 30px 15px; }
-            footer { grid-area: footer; margin: 30px; text-align: right; }
+            aside { grid-area: sidebar; margin: 15px 15px; }
+            #headline { grid-area: headline; margin: 10px; text-align: center; }
+            main { grid-area: main; margin: 15px 15px; }
+            footer { grid-area: footer; margin: 15px; text-align: right; }
 
             header .hd1-left {
                 display: flex;
@@ -614,7 +614,7 @@ export class AppShell extends ScopedElementsMixin(LitElement) {
                 aside h2.subtitle {
                     display: block;
                     border-bottom: 1px solid black;
-                    padding: 0.25em 0.5em;
+                    padding: 0.5em 0.5em;
                 }
 
                 aside .menu {