diff --git a/apps/spreadsheeteditor/mobile/src/less/icons-common.less b/apps/spreadsheeteditor/mobile/src/less/icons-common.less
index c4c4f0dd9..a1992c022 100644
--- a/apps/spreadsheeteditor/mobile/src/less/icons-common.less
+++ b/apps/spreadsheeteditor/mobile/src/less/icons-common.less
@@ -1,79 +1,79 @@
 
 .chart-types .thumb {
-    @relativepath: '../../resources/img';
+    //@relativepath: '../../resources/img';
     &.bar-normal {
-        background-image: url('@{relativepath}/charts/chart-03.png');
+        background-image: url('@{app-image-path}/charts/chart-03.png');
     }
     &.bar-stacked {
-        background-image: url('@{relativepath}/charts/chart-02.png');
+        background-image: url('@{app-image-path}/charts/chart-02.png');
     }
     &.bar-pstacked {
-        background-image: url('@{relativepath}/charts/chart-01.png');
+        background-image: url('@{app-image-path}/charts/chart-01.png');
     }
     &.line-normal {
-        background-image: url('@{relativepath}/charts/chart-06.png');
+        background-image: url('@{app-image-path}/charts/chart-06.png');
     }
     &.line-stacked {
-        background-image: url('@{relativepath}/charts/chart-05.png');
+        background-image: url('@{app-image-path}/charts/chart-05.png');
     }
     &.line-pstacked {
-        background-image: url('@{relativepath}/charts/chart-04.png');
+        background-image: url('@{app-image-path}/charts/chart-04.png');
     }
     &.hbar-normal {
-        background-image: url('@{relativepath}/charts/chart-09.png');
+        background-image: url('@{app-image-path}/charts/chart-09.png');
     }
     &.hbar-stacked {
-        background-image: url('@{relativepath}/charts/chart-08.png');
+        background-image: url('@{app-image-path}/charts/chart-08.png');
     }
     &.hbar-pstacked {
-        background-image: url('@{relativepath}/charts/chart-07.png');
+        background-image: url('@{app-image-path}/charts/chart-07.png');
     }
     &.area-normal {
-        background-image: url('@{relativepath}/charts/chart-12.png');
+        background-image: url('@{app-image-path}/charts/chart-12.png');
     }
     &.area-stacked {
-        background-image: url('@{relativepath}/charts/chart-11.png');
+        background-image: url('@{app-image-path}/charts/chart-11.png');
     }
     &.area-pstacked {
-        background-image: url('@{relativepath}/charts/chart-10.png');
+        background-image: url('@{app-image-path}/charts/chart-10.png');
     }
     &.pie {
-        background-image: url('@{relativepath}/charts/chart-13.png');
+        background-image: url('@{app-image-path}/charts/chart-13.png');
     }
     &.doughnut {
-        background-image: url('@{relativepath}/charts/chart-14.png');
+        background-image: url('@{app-image-path}/charts/chart-14.png');
     }
     &.pie3d {
-        background-image: url('@{relativepath}/charts/chart-22.png');
+        background-image: url('@{app-image-path}/charts/chart-22.png');
     }
     &.scatter {
-    background-image: url('@{relativepath}/charts/chart-15.png');
+    background-image: url('@{app-image-path}/charts/chart-15.png');
     }
     &.stock {
-        background-image: url('@{relativepath}/charts/chart-16.png');
+        background-image: url('@{app-image-path}/charts/chart-16.png');
     }
     &.line3d {
-        background-image: url('@{relativepath}/charts/chart-21.png');
+        background-image: url('@{app-image-path}/charts/chart-21.png');
     }
     &.bar3dnormal {
-        background-image: url('@{relativepath}/charts/chart-17.png');
+        background-image: url('@{app-image-path}/charts/chart-17.png');
     }
     &.bar3dstack {
-        background-image: url('@{relativepath}/charts/chart-18.png');
+        background-image: url('@{app-image-path}/charts/chart-18.png');
     }
     &.bar3dpstack {
-        background-image: url('@{relativepath}/charts/chart-19.png');
+        background-image: url('@{app-image-path}/charts/chart-19.png');
     }
     &.hbar3dnormal {
-        background-image: url('@{relativepath}/charts/chart-25.png');
+        background-image: url('@{app-image-path}/charts/chart-25.png');
     }
     &.hbar3dstack {
-        background-image: url('@{relativepath}/charts/chart-24.png');
+        background-image: url('@{app-image-path}/charts/chart-24.png');
     }
     &.hbar3dpstack {
-        background-image: url('@{relativepath}/charts/chart-23.png');
+        background-image: url('@{app-image-path}/charts/chart-23.png');
     }
     &.bar3dpsnormal {
-        background-image: url('@{relativepath}/charts/chart-20.png');
+        background-image: url('@{app-image-path}/charts/chart-20.png');
     }
 }
diff --git a/vendor/framework7-react/build/webpack.config.js b/vendor/framework7-react/build/webpack.config.js
index d5008df0d..528bba64b 100644
--- a/vendor/framework7-react/build/webpack.config.js
+++ b/vendor/framework7-react/build/webpack.config.js
@@ -133,6 +133,7 @@ module.exports = {
                   globalVars: {
                       "common-image-header-path": env === 'production' ? `../../../${editor}/mobile/resources/img/header` : '../../common/mobile/resources/img/header',
                       "common-image-about-path": env === 'production' ? `../../../${editor}/mobile/resources/img/about` : '../../common/main/resources/img/about',
+                      "app-image-path": env === 'production' ? '../resources/img' : './resources/img',
                   }
                 }
               }