diff --git a/apps/common/main/resources/img/toolbar/1x/.css.handlebars b/apps/common/main/resources/img/toolbar/1x/.css.handlebars
index 11a6a8157..3d6be8dd7 100644
--- a/apps/common/main/resources/img/toolbar/1x/.css.handlebars
+++ b/apps/common/main/resources/img/toolbar/1x/.css.handlebars
@@ -23,9 +23,6 @@
 {{/spritesheet}}
 {{#sprites}}
 {{#parselang name}}.{{name}}{{/parselang}} {
-    background-position: {{px.offset_x}} {{px.offset_y}};
-
-    --bgX: {{px.offset_x}};
     background-position: var(--bgX) {{px.offset_y}};
 }
 {{/sprites}}
diff --git a/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars b/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars
index 38942761c..0f8eef5fb 100644
--- a/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars
+++ b/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars
@@ -18,9 +18,6 @@
 {{/spritesheet}}
 {{#sprites}}
 {{#parselang name}}.x-huge .{{name}}{{/parselang}} {
-    background-position: {{px.offset_x}} {{px.offset_y}};
-
-    --bgX: {{px.offset_x}};
-    background-position: var(--bgX) {{px.offset_y}};
+    background-position: var(--button-big-theme-icon-offset,0) {{px.offset_y}};
 }
 {{/sprites}}
diff --git a/apps/common/main/resources/less/asc-mixins.less b/apps/common/main/resources/less/asc-mixins.less
index c7e8a6d22..ec1db29a7 100644
--- a/apps/common/main/resources/less/asc-mixins.less
+++ b/apps/common/main/resources/less/asc-mixins.less
@@ -85,6 +85,15 @@
 */
 :root {
     --bgX: 0px;
+
+    @button-big-icon-width: 28px;
+    @button-big-icon-offset: -@button-big-icon-width;
+    --button-big-icon-width: @button-big-icon-width;
+
+    &.theme-dark {
+        --bgX: -20px;
+        --button-big-theme-icon-offset: @button-big-icon-offset;
+    }
 }
 
 .button-normal-icon(@icon-class, @index, @icon-size) {