 
       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]
 

    $.unsubscribe '.profilePage'
    $(window).off '.profilePage'

    for sortable in ['pages', 'tabs']
      $(@refs[sortable]).sortable 'destroy'

    document.body.dataset.profilePageState = JSON.stringify(@state)


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

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

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