diff --git a/packages/semcom-demo-app/lib/demo.component.ts b/packages/semcom-demo-app/lib/demo.component.ts
index 99c90bf8..b806ca2f 100644
--- a/packages/semcom-demo-app/lib/demo.component.ts
+++ b/packages/semcom-demo-app/lib/demo.component.ts
@@ -158,7 +158,7 @@ export class DemoComponent extends RxLitElement {
       .demo-content {
         display:flex;
         flex-direction: column;
-        height: 100%;
+        min-height: 100%;
         margin: 0 auto;
         width: var(--site-max-width);
         background-color: var(--color-background-root);
@@ -192,11 +192,11 @@ export class DemoComponent extends RxLitElement {
         display:flex;
         flex-direction: column;
         justify-content: space-around;
-        height: 100%;
+        min-height: 100%;
       }
 
       .content > * {
-        margin: 100px;
+        margin: 60px 100px 100px 100px;
       }
       `,
     ];
diff --git a/packages/semcom-demo-app/lib/styles.module.css b/packages/semcom-demo-app/lib/styles.module.css
index 1cc94fa0..9dc6b773 100644
--- a/packages/semcom-demo-app/lib/styles.module.css
+++ b/packages/semcom-demo-app/lib/styles.module.css
@@ -22,7 +22,7 @@ html {
 body {
   display:flex;
   justify-content: center;
-  height: 100%;
+  min-height: 100%;
   background-color: var(--colors-background-normal);
 }