CSS Gradiend - некорректное отображение при смещении размера

У меня проблема с градиентом. Есть страничка с датапикером, который открывается при нажатии на инпут. Background странички - это линейный градиент. Заказчик хочет чтобы календарь который не помещается на страничке(popup) - расширял страничку вниз. Если это происходит - новое место на страничке, которое появилось при расширении, отображается с градиентом который начинается сначала. Это не красиво, можно ли это как-то исправить? Скрины ниже До: После: