Проблемы с position
 

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

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

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


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

Спасибо!

"Виной" всему

@media  (max-width: 1025px) { 
.scroll-link-area {
  left: 0;
  bottom: 0;
  height: auto;
}

Элемент с указанными размерами

width: 100px;
height: 100px;

Не в силах быть одновременно

top: 0

и

bottom: 0;