diff --git a/apps/common/mobile/resources/less/common.less b/apps/common/mobile/resources/less/common.less
index 9350d8846..7d6e7d1ec 100644
--- a/apps/common/mobile/resources/less/common.less
+++ b/apps/common/mobile/resources/less/common.less
@@ -71,9 +71,9 @@
             color: @text-normal;
             padding: 15px 0 0 15px;
         }
-        
-        .range-number {
-            color: @text-normal;  
+
+        [slot="inner-end"] {
+            color: @text-normal;
         }
     }
     .page-content {
diff --git a/apps/documenteditor/mobile/src/view/edit/EditShape.jsx b/apps/documenteditor/mobile/src/view/edit/EditShape.jsx
index f447cc90b..e6ba1a45d 100644
--- a/apps/documenteditor/mobile/src/view/edit/EditShape.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/EditShape.jsx
@@ -205,7 +205,7 @@ const PageStyle = props => {
                                        onRangeChanged={(value) => {props.onBorderSize(borderSizeTransform.sizeByIndex(value))}}
                                 ></Range>
                             </div>
-                            <div className='range-number' slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
+                            <div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
                                 {stateTextBorderSize + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt)}
                             </div>
                         </ListItem>
@@ -229,7 +229,7 @@ const PageStyle = props => {
                                        onRangeChanged={(value) => {props.onOpacity(value)}}
                                 ></Range>
                             </div>
-                            <div className='range-number' slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
+                            <div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
                                 {stateOpacity + ' %'}
                             </div>
                         </ListItem>
diff --git a/apps/presentationeditor/mobile/src/view/edit/EditShape.jsx b/apps/presentationeditor/mobile/src/view/edit/EditShape.jsx
index b851120ac..bd41e6a97 100644
--- a/apps/presentationeditor/mobile/src/view/edit/EditShape.jsx
+++ b/apps/presentationeditor/mobile/src/view/edit/EditShape.jsx
@@ -162,7 +162,7 @@ const PageStyle = props => {
                                        onRangeChanged={(value) => {props.onBorderSize(borderSizeTransform.sizeByIndex(value))}}
                                 ></Range>
                             </div>
-                            <div className='range-number' slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
+                            <div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
                                 {stateTextBorderSize + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt)}
                             </div>
                         </ListItem>
@@ -186,7 +186,7 @@ const PageStyle = props => {
                                        onRangeChanged={(value) => {props.onOpacity(value)}}
                                 ></Range>
                             </div>
-                            <div className='range-number' slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
+                            <div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
                                 {stateOpacity + ' %'}
                             </div>
                         </ListItem>
diff --git a/apps/spreadsheeteditor/mobile/src/view/edit/EditShape.jsx b/apps/spreadsheeteditor/mobile/src/view/edit/EditShape.jsx
index b20b26c0c..a8cef2809 100644
--- a/apps/spreadsheeteditor/mobile/src/view/edit/EditShape.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/edit/EditShape.jsx
@@ -156,7 +156,7 @@ const PageStyle = props => {
                                        onRangeChanged={(value) => {props.onBorderSize(borderSizeTransform.sizeByIndex(value))}}
                                 ></Range>
                             </div>
-                            <div className='range-number' slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
+                            <div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
                                 {stateTextBorderSize + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt)}
                             </div>
                         </ListItem>
@@ -180,7 +180,7 @@ const PageStyle = props => {
                                        onRangeChanged={(value) => {props.onOpacity(value)}}
                                 ></Range>
                             </div>
-                            <div className='range-number' slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
+                            <div slot='inner-end' style={{minWidth: '60px', textAlign: 'right'}}>
                                 {stateOpacity + ' %'}
                             </div>
                         </ListItem>