Slider arrows are overlapping text when viewport scaled down

Design help Animations & Interactions
1

When I scale down my viewport between breakpoints, the slider arrows overlap the slider text. The arrows are not respecting the text’s left and right margins. I’m sure I missed something simple, but have tried everything I can think of. Help, please? And, thanks!

Here is my public share link: https://feather-and-nest.webflow.io/

https://preview.webflow.com/preview/feather-and-nest?utm_medium=preview_link&utm_source=dashboard&utm_content=feather-and-nest&preview=80b95ce687f6cbe6914d00babf89ded1&mode=preview

2

Hi

Try to change the margin to 10px on both arrows.

https://www.loom.com/share/777784d33b514632baa66b988a28f9f7

3

Thank you. That doesn’t quite work. The arrows are still touching text. I would like the arrows to never touch text on any breakpoint.

4

Hi

Sorry for that. Can you share A screen shot that shows how the arrows touch the the text? At witch point is it happen? after you changed the left & right margin

5

https://www.loom.com/share/4c2672d34369414f9013588dfad56dc8

6

Hi! Happy holidays. I’m just getting back online from a few days off.

This is so strange to me…I do have margins set, as you saw, and they’re not translating exactly as they should. By making them larger as you did, it does seem to work, so thank you very much!