diff --git a/app/modules/navigation-bar/navigation-bar.scss b/app/modules/navigation-bar/navigation-bar.scss
index b5ed58b2..c00e7f68 100644
--- a/app/modules/navigation-bar/navigation-bar.scss
+++ b/app/modules/navigation-bar/navigation-bar.scss
@@ -1,6 +1,7 @@
 .navbar {
     background: rgba($black, .5);
     display: flex;
+    height: $navbar;
     justify-content: space-between;
     position: relative;
     &:after {
diff --git a/app/modules/profile/profile.scss b/app/modules/profile/profile.scss
index a3d10efd..90544bee 100644
--- a/app/modules/profile/profile.scss
+++ b/app/modules/profile/profile.scss
@@ -1,6 +1,6 @@
 .profile {
     display: flex;
-    min-height: 100vh;
+    min-height: $main-height;
     padding: 2rem 0;
     .profile-bar {
         margin-right: 1rem;
diff --git a/app/styles/core/base.scss b/app/styles/core/base.scss
index 87c80586..94dd0d2c 100644
--- a/app/styles/core/base.scss
+++ b/app/styles/core/base.scss
@@ -49,13 +49,13 @@ body {
 
 .wrapper {
     display: flex;
-    min-height: 100vh;
+    min-height: $main-height;
 }
 
 .menu-secondary {
     background: $whitish;
     flex: 0 0 auto;
-    min-height: 100vh;
+    min-height: $main-height;
     min-width: 0;
     padding: 1rem;
     width: 320px;
@@ -82,7 +82,7 @@ body {
 .menu-tertiary {
     background-color: $dark-taiga;
     flex: 0 0 auto;
-    min-height: 100vh;
+    min-height: $main-height;
     width: 250px;
 }
 
diff --git a/app/styles/dependencies/helpers.scss b/app/styles/dependencies/helpers.scss
index 912457dd..ec6fee85 100644
--- a/app/styles/dependencies/helpers.scss
+++ b/app/styles/dependencies/helpers.scss
@@ -81,3 +81,6 @@
     max-width: 1rem;
     transform-origin: 32 32;
 }
+
+$navbar: 45px;
+$main-height: calc(100vh - 45px);
\ No newline at end of file
diff --git a/app/styles/layout/kanban.scss b/app/styles/layout/kanban.scss
index 236ee1a0..924d451b 100644
--- a/app/styles/layout/kanban.scss
+++ b/app/styles/layout/kanban.scss
@@ -1,8 +1,8 @@
 .kanban {
     display: flex;
     flex-direction: column;
-    height: 100vh;
-    max-height: 100vh;
+    height: $main-height;
+    max-height: $main-height;
     header {
         min-height: 70px;
     }
diff --git a/app/styles/layout/taskboard.scss b/app/styles/layout/taskboard.scss
index 663a8d9e..7c64a5d5 100644
--- a/app/styles/layout/taskboard.scss
+++ b/app/styles/layout/taskboard.scss
@@ -1,5 +1,5 @@
 .taskboard {
-    height: 100vh;
+    height: $main-height;
     overflow: hidden;
     h1,
     .graphics-container,
diff --git a/app/styles/modules/common/nav.scss b/app/styles/modules/common/nav.scss
index 89e6e5db..951752e4 100644
--- a/app/styles/modules/common/nav.scss
+++ b/app/styles/modules/common/nav.scss
@@ -4,7 +4,7 @@ tg-project-menu {
     background-color: $dark-taiga;
     background-image: url('../images/menu.png');
     background-position: 0 -300px;
-    min-height: 100vh;
+    min-height: $main-height;
     padding: 1rem 0;
     text-transform: uppercase;
 }