                 </Row>
                 <hr/>
 
-                {@render_upgrade_row(n, data, remaining[n], current[n], limits[n]) for n, data of @props.quota_params}
+                {@render_upgrade_row(n, data, remaining[n], current[n], limits[n]) for n, data of ordered_quota_params}
 
                 <ButtonToolbar>
                     <Button

{HelpEmailLink}   = require('./customize')
{ShowSupportLink} = require('./support')

URLBox = rclass
    displayName : 'URLBox'


            # user has no upgrades on their account
            <NoUpgrades cancel={@cancel_upgrading} />
        else
            ordered_fields = PROJECT_UPGRADES.field_order
            ordered_quota_params = {}
            for name in ordered_fields
                ordered_quota_params[name] = @props.quota_params[name]
            # NOTE : all units are currently 'internal' instead of display, e.g. seconds instead of hours

            # how much upgrade you have used between all projects
