diff --git a/src/components/Kanban.vue b/src/components/Kanban.vue
index 91734b8..408fde4 100644
--- a/src/components/Kanban.vue
+++ b/src/components/Kanban.vue
@@ -47,6 +47,6 @@ export default {
 <template>
   <div class="component_container">
     <div ref="toolbar_container"></div>
-    <div ref="kanban_container" style="height: calc(100% - 56px);"></div>
+    <div ref="kanban_container" class="widget"></div>
   </div>
 </template>
diff --git a/src/style.css b/src/style.css
index 69cc0ea..a689429 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,13 +1,19 @@
+/* specify styles for initial page */
 html,
 body,
-#root {
+#root { /* make sure that you use the #app root container */
   height: 100%;
   padding: 0;
   margin: 0;
 }
 
+/* specify styles for Kanban and Toolbar container */
 .component_container {
   height: 100%; 
-  width: 100%; 
   margin: 0 auto;
-}
\ No newline at end of file
+}
+
+/* specify styles for Kanban container */
+.widget {
+  height: calc(100% - 56px);
+}