Проблемы с position

[ethereal]

Здравствуйте! Подскажите в чем ошибки.

Вот демо:
https://codepen.io/anakin-skywalker94/pen/WNNXJQo

1. Блок "scroll-link-area" позиционируется в правом нижнен углу на больших экран, все работает как надо... А вот на маленьком экране почему то блок растягивается, вот так:
https://i.ibb.co/TwShPfM/div.png

2. Второй блок "element" не хочет менять позицию на "bottom".

Спасибо!

[ksa]

1. Блок "scroll-link-area" позиционируется в правом нижнен углу на больших экран, все работает как надо... А вот на маленьком экране почему то блок растягивается, вот так:
"Виной" всему
@media (max-width: 1025px) {
.scroll-link-area {
left: 0;
bottom: 0;
height: auto;
}

[ksa]

2. Второй блок "element" не хочет менять позицию на "bottom".
Элемент с указанными размерами
width: 100px;
height: 100px;

Не в силах быть одновременно
top: 0
и
bottom: 0;