Symbol behaving strangely on blog page

Hi everyone! I’ve been practicing Webflow and was just putting together a dummy site when I came across a design issue. When I put my footer symbol in the blog, it overlaps on the other elements. There are no negative margins applied to it and the position is static. What’s more is that it works perfectly fine on the Home Page.

I could fix this by applying negative margin to the footer but that will reflect on the other footer. I could fix that by unlinking it from the symbol but that kinda defeats the whole point of a symbol.

Read-Only Link:

https://preview.webflow.com/preview/my-ultra-awesome-project?utm_medium=preview_link&utm_source=designer&utm_content=my-ultra-awesome-project&preview=50aa17f9f4809f592cc1c69dd44255e4&pageId=6080654b2dd7190c33ff5351&itemId=6080695a8590225dba45aad1&mode=preview

hi @WebFlower17 and welcome, you need to reset (set to auto) your Hero section fixed height of 1000px