       <pre>{exception.trace}</pre>
     </div>
 
-    style = if i == 0 then "warning" else "info"
-
-    <Panel bsStyle={style} eventKey={i} key={i} header={exceptionHeader}>
+    <Panel bsStyle="default" eventKey={i} key={i} header={exceptionHeader}>
       {exceptionBody}
       {@createInfoDisplay exception}
     </Panel>
 
   render: ->
-    exceptionList = @state.exceptions.map @createExceptionItem
+    groupedExceptions = _.groupBy @state.exceptions, (exception) -> exception.trace
+    uniqueExceptions = _.map groupedExceptions, (exceptions, commonTrace) ->
+        exception = _.first(exceptions)
+        exception.count = exceptions.length
+        return exception
+
+    exceptionList = uniqueExceptions.map @createExceptionItem
     exceptionDisplay = <Accordion defaultActiveKey={0}> {exceptionList} </Accordion>
 
     <div>

Button = ReactBootstrap.Button
Glyphicon = ReactBootstrap.Glyphicon
Col = ReactBootstrap.Col

ExceptionTab = React.createClass
  getInitialState: ->

    </small>

    deleteButton =
    <Glyphicon onClick={@onDelete.bind this, exception} glyph="remove"/>

    occurencesBadge =
    <Badge>{exception.count}</Badge>

    exceptionHeader =
    <div>
      {exception.request.api_endpoint_method} <b>{exception.request.api_endpoint}</b>
      <div className="pull-right">
          {occurencesBadge} {time} {deleteButton}
      </div>
    </div>

