diff --git a/apps/common/main/resources/less/toolbar.less b/apps/common/main/resources/less/toolbar.less
index 2d44374ac..bc8471539 100644
--- a/apps/common/main/resources/less/toolbar.less
+++ b/apps/common/main/resources/less/toolbar.less
@@ -41,7 +41,7 @@
             background-color: @header-background-color-ie;
             background-color: @header-background-color;
 
-            box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top;
+            box-shadow: inset 0 @minus-px 0 0 @border-toolbar-active-panel-top;
         }
 
     //&::after {
@@ -64,7 +64,7 @@
         display: flex;
         flex-shrink: 1;
 
-        box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top;
+        box-shadow: inset 0 @minus-px 0 0 @border-toolbar-active-panel-top;
 
         > ul {
             padding: 4px 0 0;
@@ -84,14 +84,14 @@
                 background-color: @highlight-header-button-hover-ie;
                 background-color: @highlight-header-button-hover;
 
-                box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top;
+                box-shadow: inset 0 @minus-px 0 0 @border-toolbar-active-panel-top;
             }
 
             &.active {
                 background-color: @background-toolbar-ie;
                 background-color: @background-toolbar;
 
-                box-shadow: inset -1px 0px 0 0 @border-toolbar-active-panel-top, inset 1px 1px 0 0 @border-toolbar-active-panel-top;
+                box-shadow: inset @minus-px 0px 0 0 @border-toolbar-active-panel-top, inset @scaled-one-px-value @scaled-one-px-value 0 0 @border-toolbar-active-panel-top;
             }
 
 
@@ -128,7 +128,7 @@
                         content: '';
                         position: absolute;
                         background: @border-toolbar-active-panel-top;
-                        height: 1px;
+                        height: @scaled-one-px-value;
                         bottom: 0;
                         left: 1px;
                         right: 1px;
@@ -165,7 +165,7 @@
 
             &.left{
                 box-shadow: 5px 0 20px 5px @header-background-color-ie;
-                box-shadow: 18px 37px 0 10px @border-toolbar-active-panel-top, 5px 0 20px 5px @header-background-color;
+                box-shadow: 18px calc(38px - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, 5px 0 20px 5px @header-background-color;
 
                 &:after {
                     transform: rotate(135deg);
@@ -174,7 +174,7 @@
             }
             &.right{
                 box-shadow: -5px 0 20px 5px @header-background-color-ie;
-                box-shadow: -10px 37px 0 10px @border-toolbar-active-panel-top, -5px 0 20px 5px @header-background-color;
+                box-shadow: -10px calc(38px - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, -5px 0 20px 5px @header-background-color;
 
                 &:after {
                     transform: rotate(-45deg);