diff --git a/sass/css/_shop.scss b/sass/css/_shop.scss
index 83c8acb..d6a9736 100644
--- a/sass/css/_shop.scss
+++ b/sass/css/_shop.scss
@@ -1,6 +1,6 @@
 #root-shop, #root-shop > div {
   width: 100%;
-  height: calc(100vh - 72px);
+  height: calc(100vh - 40px - 2.625rem); /* .pb-md-3 + .pt-md-3 + img.height + .navbar-brand.paddings */
   overflow: hidden;
 }
 
diff --git a/static/css/order-hardware.css b/static/css/order-hardware.css
index 4a3e67e..d9ad522 100644
--- a/static/css/order-hardware.css
+++ b/static/css/order-hardware.css
@@ -66,7 +66,7 @@
   }
 
   #root-shop, #root-shop>div {
-    height: calc(100vh - 50px);
+    height: calc(100vh - 10px - 2.5rem); /* .navbar vertical padding + line height (.navbar-brand.font-size.rem * body.font-size * body.line-height)*/
   }
 
   #root-shop .productItem {
@@ -170,7 +170,7 @@
   }
 
   #root-shop, #root-shop>div {
-    height: calc(100vh - 50px);
+    height: calc(100vh - 10px - 2.5rem); /* .navbar vertical padding + line height (.navbar-brand.font-size.rem * body.font-size * body.line-height)*/
   }
 
   #root-shop .mobileBtnDisplaySideMenu,
@@ -262,8 +262,7 @@
   }
 
   #root-shop, #root-shop>div {
-    /*height: calc(100vh - 50px);*/
-    height: 100%;
+    height: calc(100vh - 10px - 2.5rem); /* .navbar vertical padding + line height (.navbar-brand.font-size.rem * body.font-size * body.line-height)*/
   }
 
   #root-shop .productItem {
@@ -468,7 +467,7 @@
   }
 
   #root-shop, #root-shop>div {
-    height: calc(100vh - 50px);
+    height: calc(100vh - 10px - 2.5rem); /* .navbar vertical padding + line height (.navbar-brand.font-size.rem * body.font-size * body.line-height)*/
   }
 
   #root-shop .productItem {