 
       div
         className: 'osu-layout__section osu-layout__section--extra'
-        div className: 'osu-layout__row', ref: 'pages',
+        div
+          className: 'osu-layout__row'
+          ref: (el) => @pages = el
           for name in @state.profileOrder
             @extraPage name, extraPageParams[name]
 

    $.subscribe 'stickyHeader.profilePage', @_tabsStick
    $(window).on 'throttled-scroll.profilePage', @pageScan

    $(@refs.pages).sortable
      cursor: 'move'
      handle: '.js-profile-page-extra--sortable-handle'
      revert: 150
      scrollSpeed: 10
      update: @updateOrder

    $(@refs.tabs).sortable
      items: '[data-page-id]'
      tolerance: 'pointer'
      cursor: 'move'


      div
        className: "hidden-xs page-extra-tabs #{'page-extra-tabs--floating' if @state.tabsSticky}"
        ref: (el) => @tabs = el

        div
          className: 'js-sticky-header'
