Non-sortable headers together with sortable elements

Has anyone successfully added non sortable elements together with their sortable elements? One example would be having headers for elements in the list.

Here is an example:
https://codepen.io/anon/pen/pdKqoj?editors=0010

The problem is, as seen in the example, when an element is sorted the other elements don't take into account for the additional height added by the header, and when the animation happens they cover the header.

Anyone have any ideas?