diff --git a/css/80_app.css b/css/80_app.css
index 09e1d1cc3..b4650e4f3 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -1877,13 +1877,13 @@ a.hide-toggle {
     flex: 0 1 auto;
     width: 80px;
 }
-.form-field-input-maxspeed > input:first-of-type {
+.ideditor[dir='ltr'] .form-field-input-maxspeed > input:first-of-type {
     border-radius: 0 0 0 4px;
 }
 .ideditor[dir='rtl'] .form-field-input-maxspeed > input:first-of-type {
     border-radius: 0 0 4px 0;
 }
-.form-field-input-maxspeed > input:last-of-type {
+.ideditor[dir='ltr'] .form-field-input-maxspeed > input:last-of-type {
     border-left: 0;
     border-radius: 0 0 4px 0;
 }
@@ -4458,9 +4458,6 @@ img.tile-debug {
     color: #ccc;
     top: 0.45em;
 }
-.ideditor[dir='rtl'] .scale-block .scale-text {
-    transform: scaleX(-1);
-}
 
 .scale-block .scale path {
     fill: none;
diff --git a/modules/ui/scale.js b/modules/ui/scale.js
index ef4f12028..c558e7ee4 100644
--- a/modules/ui/scale.js
+++ b/modules/ui/scale.js
@@ -54,7 +54,7 @@ export function uiScale(context) {
             .attr('d', 'M0.5,0.5v' + tickHeight + 'h' + scale.px + 'v-' + tickHeight);
 
         selection.select('.scale-text')
-            .style('left', (scale.px + 16) + 'px')
+            .style(localizer.textDirection() === 'ltr' ? 'left' : 'right', (scale.px + 16) + 'px')
             .text(scale.text);
     }