Beginner question -> How to change width of atoms and apply custom styling

[MinimumDaan]

Hi all!

Might be a bit of a newby question but I have a hard time rendering the availability and booker atoms with specific widths. I'm rendering them in a parent container that has some width settings and is responsive but for some reason the elements seem to be overflowing that parent container.

Also, for some reason, the availability atom has a transparent background by default and I'm not sure what I should do to override those settings and give it different styling.

Could anyone maybe help me out and share some example code for the customClassNames settings?

Thanks in advance!