Datepicker not formatting correctly

[Bammedia (Cormac)]

Hi there,
Can anyone explain to me why this simple js datepicker refuses to format correctly on the below test page? I’ve coped the exact same code into a blank website and it works perfect. I’ve even removed all every single class from any element and it’s just using it’s id (‘datepicker’) and yet when you click into on this particular Webflow project, the date squares are flowing outside of the box as per screenshot.

really appreciate any help given on this as it’s wrecking my brain!

---

Here is my site Read-Only:
https://preview.webflow.com/preview/autopoint?utm_medium=preview_link&utm_source=designer&utm_content=autopoint&preview=432ad04f84d71574c39834f237ef2abf&pageId=5f0dc396c01e2eb8afbfdec9&mode=preview

https://autopoint.webflow.io/test

[sam-g]

@Bammedia - it’s inheriting the font size from your site’s anchor tag; 20px:

Dropping it to 18px produces this result:

I’m sure the calendar can be adjusted to handle larger font sizes, but it seems to not be super responsive.

[Bammedia (Cormac)]

Sam-g you’re a star… thank you very much!