Content not shifting down below multi-state box

I’m making a text box with a “Read More”/“Read Less” button that expands and contracts to show more/less text. I followed the instructions in this tutorial , and made sure that the box scales in each state and that the below elements are spaced down. Everything worked exactly how I wanted it to in Preview mode, but when I actually publish the site and press the “read more” button, the elements below don’t shift down and the text gets cut off.

How the expanded state looks in preview mode:

How it looks on the published site:

Any clue why this might be happening? I can’t imagine out why it would work in preview but not when I publish, so I’m at a bit of a loss.

Are you still having this problem? If so, please share the URL for your site/page and let us know the steps to reproduce. Thanks!