PaddingOptions causes the horizon & sky to misalign

[Ryan-Maughan]

It appears that adding PaddingOptions to the jumpTo function causes the horizon & sky to misalign when the top & bottom values do not match.
When the padding.top > padding.bottom a gap appears.
When the padding.top < padding.bottom they are poorly blended.

maplibre-gl-js version: 5.1.0

browser: Microsoft Edge v132.0.2957.140

Steps to Trigger Behavior

1. jumpTo a position with PaddingOptions set
2. Tilt the map to the horizon to view a gap between the horizon and sky

Link to Demonstration

https://jsbin.com/jehemabigu/edit?html,output

Expected Behavior

Sky should align with the horizon when PaddingOptions are set

Actual Behavior

Sky and horizon do not align when PaddingOptions are set. Specifically when top & bottom values do not match.
Gap is created in when top > bottom
Blend is created when top < bottom

[HarelM]

Thanks for taking the time to report this issue!
I did a quick check, and this existed before version 5.
Probably from the initial release of the sky feature.
Feel free to try and solve this...