MDB jQuery Sticky weird behaviour

Hi all, a little problem here with the sticky-class.

*Expected behavior*After adding the HTML and javascript, the column should stop being position:relative and become position:static;

*Actual behavior*The whole column disappears and is actually located above and outside the viewport because for some weird reason, bottom: 0 is being injected in the HTML

Resources (screenshots, code snippets etc.) When not activated:

<div id="sidebar" class="col-md-3 my-5 pr-5 sticky" style="position: static; width: 284.25px; height: 190px; z-index: 2; bottom: 0px; top: 0px;">
          <img class="img-fluid rounded-circle z-depth-2" src="https://mdbcdn.b-cdn.net/img/24DegreesTransparent.png" alt="alternate description">
        </div>

When activated:

<div id="sidebar" class="col-md-3 my-5 pr-5 sticky" style="position: absolute; width: 284.25px; height: 150px; z-index: 2; bottom: 0px;">
          <img class="img-fluid rounded-circle z-depth-2" src="https://mdbcdn.b-cdn.net/img/24DegreesTransparent.png" alt="alternate description">
        </div>

So I noticed the top:0 is removed when activated, but the bottom:0 is still there.

Weird. All help welcome, I don't get it.

kind regards,

Michaël