Classes to apply css in additional settings (number and text component) not working

[delaynesr]

Describe the bug Trying to make the size of the number input box visually smaller as it only needs to house 6 numbers. I copy the example given in classes (additional settings) to do this and it doesn't work. The box remains the same size

To Reproduce Steps to reproduce the behavior:

1. Click 'create component' on page
2. Go to 'number' component (or text)
3. Click on 'additional settings'
4. Go to 'Classes' field and enter example (or other)
5. Save
6. Preview the page - can see the box remains same size

Expected behavior The text box should become smaller

Screenshots

Repository

• designer

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Microsoft edge
• Version [e.g. 22]

Additional context I had a look at GDS code for this and it is in html. I can't find anything for a css way to do it. FYI I am a designer and have very basic knowledge of html

[JamesBoadi]

Currently it seems govuk-input-width is not available as a css class. Using styles spacing worked for me