Changing space between steps in Steps Widget

[LindenKel]

I'd like to be able to increase the amount of space between steps in a Steps widget. I'm currently working with a vertical widget, but I would also like to be able to do this with a horizontal one. Increasing the height of the widget doesn't change the amount of space between steps. I imagine this is something that could be changed with custom CSS, but am unsure which property I'd need to edit. Has anyone done custom CSS for the Steps widget before?

[AnsonHwang]

@LindenKel

een steps in a Steps widget. I'm currently working with a vert

Hello, here is for your refer.
horizontal

._retool-container-steps1 ._aKvyY{
width:150px;
}

vertical

._retool-container-steps1 ._aKvyY{
height:150px!important;
}

hope this help.

[AnsonHwang]

here is a guide.

How to use Custom CSS in Retool Apps

There are 2 ways to add custom CSS to Retool apps. Globally for all Retool apps — you can add any CSS you'd like to the "Preloaded CSS" area of the org settings -> advanced page (admin only) Locally to 1 Retool app — click the three dots (top-right menu), then scripts and styles. CSS will affect all components in the app. Please note, we strongly recommend using Retool's built-in style and theme options whenever possible. Class names and DOM structure may change as new features are added that …

[LindenKel]

Thank you, that works perfectly.