How to Align Child Elements to Start from Both Ends inside the Horizontal Layout Group

Hi everyone,

I’m working on a custom slider with ticks generated via a script and organized using a Horizontal Layout Group. However, I’m facing an issue where the ticks don’t start from the exact edges of the container, leaving some empty space at both ends. I would like the ticks to fill the entire width of the container, starting from one end and extending to the other.

I’ve enabled Child Force Expand for width in the Horizontal Layout Group settings.But, the ticks still don’t align with the container edges and leave some space.

Below are images showing the current appearance of the slider and the settings for my Horizontal Layout Group.
Slider With Ticks

Horizontal Layout Gruop Settings

Any guidance on how to get the ticks to fill the entire space and align perfectly with the container’s edges would be appreciated!

Thanks for your help!