diff --git a/js/app/layout-manager.js b/js/app/layout-manager.js
new file mode 100644
index 0000000000000000000000000000000000000000..82fadee5f5b1a88edea3648077373a01a06cbf15
--- /dev/null
+++ b/js/app/layout-manager.js
@@ -0,0 +1,19 @@
+'use strict';
+
+class TablerLayoutManager {
+  static init() {
+    this.elem = document.getElementById('layout-manager');
+
+    if(this.elem) {
+      this.renderHtml();
+    }
+  }
+
+  static renderHtml() {
+    this.elem.innerHTML = 'test';
+  }
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+  TablerLayoutManager.init();
+});
diff --git a/pages/_includes/layout/homepage.html b/pages/_includes/layout/homepage.html
index 8648bfbea78822d4d11e1566446b5e57aa6ebcd0..82cb423df4336c79107dcd472b576fbb51cd33b8 100644
--- a/pages/_includes/layout/homepage.html
+++ b/pages/_includes/layout/homepage.html
@@ -102,13 +102,13 @@
       {% include cards/small-stats-3.html number=621 title="Products" percentage=-1 %}
    </div>
 
-   <div class="col-4">
+   <div class="col-md-4">
       {% include cards/charts/card.html name="temperature" title="A" height=12 %}
    </div>
-   <div class="col-4">
+   <div class="col-md-4">
       {% include cards/charts/card.html name="donut" title="B" height=12 %}
    </div>
-   <div class="col-4">
+   <div class="col-md-4">
       {% include cards/charts/card.html name="pie" title="C" height=12 %}
    </div>
 
diff --git a/pages/_includes/layout/js.html b/pages/_includes/layout/js.html
index fe79495c46dc4c882c409fad3c21409607f36ec6..9ff61a6bed3f56ebd41becb7e1006c45e8b22b9f 100644
--- a/pages/_includes/layout/js.html
+++ b/pages/_includes/layout/js.html
@@ -10,6 +10,7 @@
 
 <script src="{{ site.base }}/js/tabler.js"></script>
 <script src="{{ site.base }}/js/app/charts.js"></script>
+<script src="{{ site.base }}/js/app/layout-manager.js"></script>
 
 <script>
    window.tabler = window.tabler || {};
diff --git a/pages/layout.html b/pages/layout.html
new file mode 100644
index 0000000000000000000000000000000000000000..21594e6375f7e3eb218ceba11e8edf6a6f686bf1
--- /dev/null
+++ b/pages/layout.html
@@ -0,0 +1,18 @@
+---
+title: Layout manager
+---
+
+<div class="card">
+   <div class="card-header">
+      Layout manager
+   </div>
+   <div class="card-body">
+      <form action="">
+         <div class="row">
+            <div class="col-4">
+               <div id="layout-manager"></div>
+            </div>
+         </div>
+      </form>
+   </div>
+</div>
diff --git a/scss/layout/_navbar.scss b/scss/layout/_navbar.scss
index 6061bbef397061c77a1260b29745f04505915678..280cd81c329ea23d18df2a9c188530a95403d05c 100644
--- a/scss/layout/_navbar.scss
+++ b/scss/layout/_navbar.scss
@@ -212,6 +212,11 @@ Fixed navbar
     margin-left: $sidenav-width;
   }
 
+  &.navbar-right + .layout-main {
+    margin-left: 0;
+    margin-right: $sidenav-width;
+  }
+
   &.navbar-folded + .layout-main {
     margin-left: $sidenav-folded-width;
   }
diff --git a/scss/ui/_cards.scss b/scss/ui/_cards.scss
index 213c2fd29b84d3c6e8373456f274f82881f609cd..5c0363bfc0a734ebf84dbc90463cdd2209170576 100644
--- a/scss/ui/_cards.scss
+++ b/scss/ui/_cards.scss
@@ -89,7 +89,7 @@
 
 .card-title {
   display: block;
-  font-size: $h3-font-size;
+  font-size: $h4-font-size;
   font-weight: 500;
   margin: 0 0 1.5rem;
   line-height: 1;