                   else
                     '-'
 
-            div className: 'profile-detail__bottom-right-item',
+            div className: "#{bn}__bottom-right-item",
               div className: 'value-display',
                 div className: 'value-display__label',
                   osu.trans('users.show.rank.country_simple')



  render: =>
    div className: 'profile-detail',
      div className: 'profile-detail__bar',
        el ProfilePage.DetailBar,
          stats: @props.stats
          toggleExtend: @toggleExtend

          user: @props.user
      div
        className: if @state.extended then '' else 'hidden'
        div className: "#{bn}__row #{bn}__row--top",
          div className: "#{bn}__col #{bn}__col--top-left",
            div className: "#{bn}__top-left-item",
              el ProfilePage.PlayTime, stats: @props.stats
            div className: "#{bn}__top-left-item",
              el ProfilePage.MedalsCount, userAchievements: @props.userAchievements
            div className: "#{bn}__top-left-item",
              el ProfilePage.Pp, stats: @props.stats

          div className: "#{bn}__col",
            el ProfilePage.RankCount, stats: @props.stats
        div className: "#{bn}__row",
          div className: "#{bn}__col #{bn}__col--bottom-left",
            if @props.rankHistory?
              el ProfilePage.RankChart,
                rankHistory: @props.rankHistory
                stats: @props.stats
            else
              div className: "#{bn}__empty-chart",
                osu.trans('users.show.extra.unranked')

          div className: "#{bn}__col #{bn}__col--bottom-right",
            div className: "#{bn}__bottom-right-item",
              div className: 'value-display value-display--large',
                div className: 'value-display__label',
                  osu.trans('users.show.rank.global_simple')
