       classAverage =
         <BS.Row>
           <BS.Col xs={12}>
-            <h3 className='reading-stats-average'><small>Average:</small> {data.mean_grade_percent}%</h3>
+            <h3 className='reading-stats-average'>
+              <small>Average:</small> {data.mean_grade_percent}%
+            </h3>
           </BS.Col>
         </BS.Row>
 

    correctOrIncorrect ?= 'correct'
    count = correctOrIncorrect + '_count'

    total_count = data.correct_count+data.incorrect_count
    if total_count then @_percent(data[count], total_count) else 0

  renderPercentBar: (data, type, correctOrIncorrect) ->


    classes = 'reading-progress-bar'
    classes += ' no-progress' unless percentCorrect
    correct = <BS.ProgressBar 
              className={classes} 
              bsStyle={bsStyles[correctOrIncorrect]} 
              label="%(percent)s%" 
              now={percentCorrect} 
              key="page-progress-#{type}-#{data.id}-#{correctOrIncorrect}" />

  renderProgressBar: (data, type, index, previous) ->
    practice = <span className='reading-progress-student-count'>({data.student_count} students)</span>
    studentCount = if type is 'practice' then practice

    <div key="#{type}-bar-#{index}">
      <div className='reading-progress-heading'>
