             LayoutActionCreator.toastsHide()
 
     closeAll: ->
-        LayoutActionCreator.clearToasts()+        LayoutActionCreator.clearToasts()
+
+    _clearToasts: ->
+        setTimeout ->
+            Array.prototype.forEach.call document.querySelectorAll('.toast-enter'), (e) ->
+                e.classList.add 'hidden'
+        , 10000
+
+    componentDidMount: ->
+        @_clearToasts()
+
+    componentDidUpdate: ->
+        @_clearToasts()

            hidden: not LayoutStore.isShown()
        }

    render: ->
        toasts = @state.toasts.map (toast, id) ->
            Toast {toast, key: id}

        if hasErrors
            showModal = @showModal.bind(this, toast.errors)

        div className: classes, role: "alert", key: @props.key,
            if @state.modalErrors
                renderModal()

