     chapters = _.map(plan.stats.course.current_pages, @renderChapterBars)
     practice = _.map(plan.stats.course.spaced_pages, @renderPracticeBars)
 
-    if _.isEmpty(chapters)
-      chapters = <p className='reading-stats-none'>No Chapter Progress</p>
+    unless _.isEmpty(chapters)
+      chapters = <section>{chapters}</section>
+      practiceLabel = <label>Space Practice Performance</label>
 
-    if _.isEmpty(practice)
-      practice = <p className='reading-stats-none'>No Chapter Progress</p>
-
+    unless _.isEmpty(practice)
+      practice = <section>
+        {practiceLabel}
+        {practice}
+      </section>
 
     <BS.Panel className="reading-stats">
       <section>
         {course}
       </section>
-      <section>
-        {chapters}
-      </section>
-      <section>
-        <label>Space Practice Performance</label>
-        {practice}
-      </section>
+      {chapters}
+      {practice}
     </BS.Panel>
 
 StatsShell = React.createClass

      </div>
      <div className="reading-progress-container">
        <BS.ProgressBar className="reading-progress-group">
          {@renderPercentCorrectBar(data, type)}
        </BS.ProgressBar>
        {previous}
      </div>

LoadableItem = require '../loadable-item'

Stats = React.createClass
  _percent: (num,total) ->
    Math.round((num/total) * 100)

  percentDelta: (a,b) ->
