diff --git a/src/app/kanban/kanban.component.css b/src/app/kanban/kanban.component.css
index ff9d087..0595e10 100644
--- a/src/app/kanban/kanban.component.css
+++ b/src/app/kanban/kanban.component.css
@@ -1,7 +1,21 @@
-@import "../../../node_modules/@dhx/trial-kanban/dist/kanban.css";
+/* import Kanban styles */
+@import "@dhx/trial-kanban/dist/kanban.css";
 
+/* specify styles for initial page */
+html,
+body{
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+/* specify styles for Kanban and Toolbar container*/
 .component_container {
   height: 100%; 
-  width: 100%; 
   margin: 0 auto;
 }
+
+/* specify styles for Kanban container */
+.widget {
+  height: calc(100% - 56px);
+}
diff --git a/src/app/kanban/kanban.component.ts b/src/app/kanban/kanban.component.ts
index 9e2e2ae..a47f928 100644
--- a/src/app/kanban/kanban.component.ts
+++ b/src/app/kanban/kanban.component.ts
@@ -16,7 +16,7 @@ import {
   styleUrls: ["./kanban.component.css"],
   template:  `<div class="component_container">
                 <div #toolbar_container></div>
-                <div #kanban_container style="height: calc(100% - 56px);"></div>
+                <div #kanban_container class = "widget"></div>
               </div>`
 })