diff --git a/apps/common/main/resources/less/combo-dataview.less b/apps/common/main/resources/less/combo-dataview.less
index c0508aa0fb..ef2d27a4d0 100644
--- a/apps/common/main/resources/less/combo-dataview.less
+++ b/apps/common/main/resources/less/combo-dataview.less
@@ -458,12 +458,21 @@
 
     .dataview.inner {
         padding: 1px 14px 1px 0px;
+
+        .rtl & {
+            padding: 1px 0px 1px 14px;
+        }
     }
 
     .dropdown-menu {
         padding: 0px 0px 5px 0px;
         margin-left: 2px;
 
+        .rtl & {
+            margin-left: 0;
+            margin-right: 2px;
+        }
+
         .dataview {
             .group-description {
                 padding: 3px 0 3px 10px;
diff --git a/apps/spreadsheeteditor/main/app/view/ChartTab.js b/apps/spreadsheeteditor/main/app/view/ChartTab.js
index 57d7ecdf8d..55ce471412 100644
--- a/apps/spreadsheeteditor/main/app/view/ChartTab.js
+++ b/apps/spreadsheeteditor/main/app/view/ChartTab.js
@@ -55,7 +55,7 @@ define([
                 '<span class="btn-slot text x-huge" id="slot-btn-switch-rowscols"></span>' +
             '</div>' +
             '<div class="separator long"></div>' +
-            '<div class="group flex small" id="slot-field-chart-styles" style="min-width: 100px; width: 448px" data-group-width="448px">' +
+            '<div class="group flex small" id="slot-field-chart-styles" style="min-width: 100px; width: 448px;" data-group-width="448px">' +
             '</div>' +
             '<div class="separator long separator-chart-styles"></div>' +
             '<div class="group small">' +
@@ -570,7 +570,7 @@ define([
 
                 this.chartStyles = new Common.UI.ComboDataView({
                     cls             : 'combo-chart-template',
-                    style           : 'min-width: 90px; max-width: 496px;',
+                    style           : 'min-width: 90px; width: 438; max-width: 438px;',
                     enableKeyEvents : true,
                     itemWidth       : 50,
                     itemHeight      : 50,
@@ -603,7 +603,7 @@ define([
                             if (Common.UI.isRTL()) {
                                 offset = cmp.openButton.$el.width() + parseFloat($(cmp.$el.find('.combo-dataview').get(0)).css('padding-left'));
                             }
-                            menu.setOffset(Common.UI.isRTL() ? offset : Math.min(offset, 0));
+                            menu.setOffset(Common.UI.isRTL() ? offset - 2 : Math.min(offset, 0));
 
                             menu.cmpEl.css({
                                 'width': menuWidth,
diff --git a/apps/spreadsheeteditor/main/app/view/SparklineTab.js b/apps/spreadsheeteditor/main/app/view/SparklineTab.js
index a5ad9c4622..a8eb934fe9 100644
--- a/apps/spreadsheeteditor/main/app/view/SparklineTab.js
+++ b/apps/spreadsheeteditor/main/app/view/SparklineTab.js
@@ -279,7 +279,7 @@ define([
                     lock: [_set.lostConnect, _set.coAuth, _set.editCell, _set.sparkLocked, _set.wsLock,],
                     enableKeyEvents: true,
                     cls: 'combo-chart-template',
-                    style: 'min-width: 90px; max-width: 496px;',
+                    style: 'min-width: 90px; width: 438; max-width: 438px;',
                     delayRenderTips: true,
                     autoWidth: true,
                     beforeOpenHandler: function(e) {
@@ -307,7 +307,7 @@ define([
                             if (Common.UI.isRTL()) {
                                 offset = cmp.openButton.$el.width() + parseFloat($(cmp.$el.find('.combo-dataview').get(0)).css('padding-left'));
                             }
-                            menu.setOffset(Common.UI.isRTL() ? offset : Math.min(offset, 0));
+                            menu.setOffset(Common.UI.isRTL() ? offset - 2 : Math.min(offset, 0));
 
                             menu.cmpEl.css({
                                 'width': menuWidth,