Padding below Menu block

How can I ensure the padding below the menu block adapts according to the content of each tab?

Check out the Upper Body and Mens Waxing tab and the space between the button - can I make this padding adaptive? 

https://hexahedron-iguana-cd6z.squarespace.com/waxing

Thanks in advance! 

Try adding to Code Injection > Header

<style>
  .fe-63f52b513564e13d5ca26653 {
    grid-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)) !important;
}
</style>

3 hours ago, tuanphan said:

Try adding to Code Injection > Header

<style>
  .fe-63f52b513564e13d5ca26653 {
    grid-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)) !important;
}
</style>

 

That worked Tuan although it's squashed the button 🤭

Any fixes? 

On 6/13/2023 at 7:46 PM, DreamrW said:

That worked Tuan although it's squashed the button 🤭

Any fixes? 

You try increase number 4 in the code & check again