diff --git a/src/components/NavBar/HorizontalNavBar/NavMenu/styles.less b/src/components/NavBar/HorizontalNavBar/NavMenu/styles.less
index e3a37f0a2..3f758af8f 100644
--- a/src/components/NavBar/HorizontalNavBar/NavMenu/styles.less
+++ b/src/components/NavBar/HorizontalNavBar/NavMenu/styles.less
@@ -1,5 +1,8 @@
 // Copyright (C) 2017-2023 Smart code 203358507
 
+@viewport-minus-navbar: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size));
+@viewport-minus-horizontal-navbar: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size));
+
 @import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
 @import (reference) '~stremio/common/screen-sizes.less';
 
@@ -14,13 +17,13 @@
 }
 .nav-menu-container {
     width: 22rem;
-    max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - 1rem);
+    max-height: calc(@viewport-minus-horizontal-navbar - 1rem);
     overflow-y: auto;
     border-radius: var(--border-radius);
     background-color: var(--modal-background-color);
 
     &.with-warning {
-        max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - 6rem);
+        max-height: calc(@viewport-minus-horizontal-navbar - 6rem);
     }
 
     .user-info-container {
@@ -112,10 +115,10 @@
 
 @media only screen and (max-width: @minimum) {
     .nav-menu-container {
-        max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 1rem);
+        max-height: calc(@viewport-minus-navbar - 1rem);
 
         &.with-warning {
-            max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 8.5rem);
+            max-height: calc(@viewport-minus-navbar - 8.5rem);
         }
     }
 }
\ No newline at end of file