How to make code blocks smaller on mobile

I'm having an issue with sizing code blocks on mobile. I'm able to get the block sized down to fit 2 grid squares wide and 1 grid square tall on desktop, but on mobile the smallest it will go is 2 grid squares tall when I need it down to 1 grid square tall (I've added screenshots in case this doesn't make sense). Is there a way to fix this? It's making the section its in too tall on mobile.

The website I'm referring to is: https://leneutralchicdemo.squarespace.com/?password=demo

This happens when the content is too big for one row, and that's what it looks like here, if you make the search icon smaller you will be able to fit it on one row.

6 hours ago, Ziggy said:

This happens when the content is too big for one row, and that's what it looks like here, if you make the search icon smaller you will be able to fit it on one row.

Hi Ziggy! I fixed it. I wound up having to copy another code block that was already the size I needed, then pasting in my code after the block was sized correctly. If I try to resize the code block after the fact, it would automatically make the block larger (4x4 grid or more) by default. This is definitely a glitch with the fluid engine blocks and not a content issue. Thanks for trying to help though, I appreciate it!