     unless @props.displayAllTags
       tags = _.where tags, is_visible: true
     renderedTags = _.map(_.sortBy(tags, 'name'), @renderTag)
-    classes = classnames( 'card', 'exercise', @props.className, {
+    classes = classnames( 'exercise-card', @props.className, {
       'answers-hidden': @props.hideAnswers,
       'is-selectable' : @props.toggleExercise?
       'is-selected': @props.isSelected

    hideAnswers: React.PropTypes.bool
    toggleExercise: React.PropTypes.func
    isSelected: React.PropTypes.bool
    exercise:   React.PropTypes.shape(
      content: React.PropTypes.object
      tags:    React.PropTypes.array


  renderToggleOverlay: ->
    <div onClick={@onOverlayClick} className={classnames('toggle-mask', {active: @props.isSelected})}>
      <div className='message'>
        {@props.hoverMessage}
      </div>
    </div>

  render: ->
