RangeControl: Fix input / slider widths (#28816)

WordPress · Feb 7, 2021 · 8d06215 · 8d06215
1 parent c53d26e
commit 8d06215
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/components/src/range-control/styles/range-control-styles.js b/packages/components/src/range-control/styles/range-control-styles.js
@@ -271,18 +271,20 @@ export const Tooltip = styled.span`
 	) }
 `;
 
+// @todo: Refactor RangeControl with latest HStack configuration
+// @wordpress/components/ui/hstack
 export const InputNumber = styled( NumberControl )`
 	box-sizing: border-box;
 	display: inline-block;
 	font-size: 13px;
 	margin-top: 0;
-	width: ${ space( 8 ) };
+	width: ${ space( 8 ) } !important;
 
 	input[type='number']& {
 		${ rangeHeight };
 	}
 
-	${ rtl( { marginLeft: space( 2 ) } ) }
+	${ rtl( { marginLeft: `${ space( 2 ) } !important` } ) }
 `;
 
 export const ActionRightWrapper = styled.span`