diff --git a/demo/src/assets/css/style.scss b/demo/src/assets/css/style.scss
index fecfe0275f..46d4c17df7 100644
--- a/demo/src/assets/css/style.scss
+++ b/demo/src/assets/css/style.scss
@@ -296,6 +296,7 @@ a:hover {
 }
 /* content */
 .main-container {
+  padding-top: 30px;
   flex: 0 0 66.666667%;
   max-width: 66.666667%;
 }
@@ -513,8 +514,8 @@ a:hover {
 /* above 768px */
 @media (min-width: 768px) {
   .header {
-    position: -webkit-sticky;
-    position: sticky;
+    position: fixed;
+    width: 100%;
     top: 0;
     z-index: 1090; // to overlap most positioned elements in bootstrap
   }