         "Validation errors (#{@state.data.length})"
       )
       a(
-        { className: 'toggle-errors button' }
+        {
+          className: 'toggle-errors button'
+          onClick: @toggleBox
+        }
         i({ className: 'fa fa-angle-up' })
       )
+    )
+
+  renderBody: ->
+    div(
+      { className: 'validation-errors-body' }
+      @renderInfoBox()
+      @renderValidationErrors()
     )
 
   renderInfoBox: ->

        }
      )




    @state = {
      data: @props.validationErrors
    }
    @toggleBox = @toggleBox.bind(@)

  render: ->
    div(
      { className: 'validation-errors-box' }
      @renderHeader()
      @renderBody()
    )

  renderHeader: ->
