       @handleThemeChange()
     else if !@dontReserve
       history = @state.history
-      history.push <div key={keyCount++} className='alert alert-history-contents'>{@lastMessage}</div>
+      history.push <div key={keyCount++} className='alert alert-default alert-history-contents'>{@lastMessage}</div>
       if history.length > 5 then history.shift()
       @setState {history}
       @dontReserve = true

        .alert-history-hidden {
          top: #{historyHeight + alertHeight}px;
        }
      """
    , 10

  componentDidMount: ->
    window.addEventListener 'poi.alert', @handleAlert

    update = update || !@stickyPriority || @stickyPriority <= thisPriority
    if !@dontReserve
      history = @state.history
      history.push <div key={keyCount++} className='alert alert-default alert-history-contents'>{@lastMessage}</div>
      if history.length > 5 then history.shift()
      @setState {history}
    @lastMessage = e.detail.message
