Increase size of Controls_Manager::NUMBER <input> field

[roland-jungwirth]

In my control

$repeater->add_control(
        'token_min', [
        'label' => __('Minimum', self::$slug),
        'type' => Controls_Manager::NUMBER,
        'default' => __('low level', self::$slug),
        'placeholder' => __('Minumim', self::$slug),
        'label_block' => TRUE,
    ]
);

the user can input very small numbers. The current width of the rendered input field does not suffice to show all of it, see

As per the image, I also tried the 'label_block' => TRUE, but that did not work. How can I increase the input field's width to take up the full width available?

[roland-jungwirth]

A possible solution would be to add some custom CSS:

text-align: right; // this is for numbers
width: 100%;

How can I add custom CSS to my control?

[WebsiteDons]

Use the editor hook

add_action( 'elementor/editor/footer', function() 
{
  echo '<style>input[type="number"] {width: 100px;}</style>';
});