diff --git a/x-pack/plugins/maps/public/connected_components/mb_map/scale_control/_index.scss b/x-pack/plugins/maps/public/connected_components/mb_map/scale_control/_index.scss
index 264dfe5e24843..c3c91c38145d3 100644
--- a/x-pack/plugins/maps/public/connected_components/mb_map/scale_control/_index.scss
+++ b/x-pack/plugins/maps/public/connected_components/mb_map/scale_control/_index.scss
@@ -8,6 +8,7 @@
   border-left: 2px solid $euiTextColor;
   border-bottom: 2px solid $euiTextColor;
   text-align: right;
+  @include mapOverlayIsTextOnly;
 }
 
 .mapScaleControlFullScreen {
diff --git a/x-pack/plugins/maps/public/connected_components/right_side_controls/_mixins.scss b/x-pack/plugins/maps/public/connected_components/right_side_controls/_mixins.scss
index 97557f1312e86..bc016f7d86b30 100644
--- a/x-pack/plugins/maps/public/connected_components/right_side_controls/_mixins.scss
+++ b/x-pack/plugins/maps/public/connected_components/right_side_controls/_mixins.scss
@@ -1,8 +1,5 @@
 @mixin mapOverlayIsTextOnly {
   text-shadow:
-    0 0 2px $euiColorEmptyShade,
-    0 0 1px $euiColorEmptyShade,
-    0 0 1px $euiColorEmptyShade,
-    0 0 1px $euiColorEmptyShade,
-    0 0 1px $euiColorEmptyShade      0 0 1px $euiColorEmptyShade      0 0 1px $euiColorEmptyShade;
+    -1px -1px 1px $euiColorEmptyShade,
+    -1px -1px 1px $euiColorEmptyShade;
 }