diff --git a/src/app/theme/components/baSidebar/baSidebar.scss b/src/app/theme/components/baSidebar/baSidebar.scss
index b5f6d40b..29920784 100644
--- a/src/app/theme/components/baSidebar/baSidebar.scss
+++ b/src/app/theme/components/baSidebar/baSidebar.scss
@@ -1,6 +1,6 @@
 @import '../../sass/conf/conf';
 
-$sidebar-width: 180px;
+$sidebar-scroll-width: 4px;
 $angle-left: "\f100";
 $angle-right: "\f101";
 
@@ -113,8 +113,8 @@ a.al-sidebar-list-link {
 
 .slimScrollBar, .slimScrollRail {
   border-radius: 0px !important;
-  width: 4px !important;
-  left: 176px;
+  width: $sidebar-scroll-width !important;
+  left: $sidebar-width - $sidebar-scroll-width;
 }
 
 @mixin layout-collapsed() {
@@ -170,11 +170,11 @@ a.al-sidebar-list-link {
 }
 
 .sidebar-hover-elem{
-  width: 4px;
+  width: $sidebar-scroll-width;
   background: $primary;
   position: absolute;
   top: -150px;
-  left: 176px;
+  left: $sidebar-width - $sidebar-scroll-width;
   transition: all 0.5s ease;
   transition-property: top, height;
   height: 42px;
diff --git a/src/app/theme/sass/_layout.scss b/src/app/theme/sass/_layout.scss
index 53d06608..df07d1c0 100644
--- a/src/app/theme/sass/_layout.scss
+++ b/src/app/theme/sass/_layout.scss
@@ -1,4 +1,6 @@
-$left-space: 180px;
+@import 'conf/conf';
+
+$left-space: $sidebar-width;
 
 @include scrollbars(.5em, #d9d9d9, rgba(0, 0, 0, 0));
 
@@ -66,7 +68,7 @@ a {
 
 .al-footer {
   height: 34px;
-  padding: 0 18px 0 200px;
+  padding: 0 18px 0 ($left-space + 20px);
   width: 100%;
   position: absolute;
   display: block;
diff --git a/src/app/theme/sass/conf/_variables.scss b/src/app/theme/sass/conf/_variables.scss
index 275f21d0..32111079 100644
--- a/src/app/theme/sass/conf/_variables.scss
+++ b/src/app/theme/sass/conf/_variables.scss
@@ -10,6 +10,7 @@ $resXXS: 435px;
 $resMin: 320px;
 
 $top-height: 66px;
+$sidebar-width: 180px;
 
 $small-card-height: 114px;
 $xsmall-card-height: 187px;