title: Custom header component be cropped after updating ag-grid to the latest version
body: <p>Within an angular 9 app. I'm using the ag-grid and I decided to update it from <code>21.2.2</code> to        <code>24.0.0</code> version.</p>
  <p>What I realized though is that it stopped render the custom header components properly.
  For example I'm attaching two images that show how it looks like before and after.</p>
  <p><strong>Before:</strong>
  <a href="https://i.stack.imgur.com/BRQM7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BRQM7.png" alt="enter image description here" /></a></p>
  <p><strong>After:</strong>
  <a href="https://i.stack.imgur.com/ba3Si.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ba3Si.png" alt="enter image description here" /></a></p>
  <p>As you can see, after update the height of the header doesn't seem to follow the height of the custom components and as a result the plots are getting cropped.</p>
  <p>Any ideas on what could cause this issue or what I can look for would be very helpful.</p>