diff --git a/src/js/components/Notifications.js b/src/js/components/Notifications.js
index c5651660..4b01bf3f 100755
--- a/src/js/components/Notifications.js
+++ b/src/js/components/Notifications.js
@@ -29,7 +29,7 @@ export default class Notifications extends React.Component{
 							case 'loading':
 								return (
 									<div className="loading notification" key={notification.id}>
-										<FontAwesome name="close" className="close-button" onClick={ e => this.props.uiActions.removeNotification(notification.id) } />
+										<FontAwesome name="close" className="close-button" onClick={ e => this.props.uiActions.cancelLoading(notification.id) } />
 										{ notification.content }
 									</div>
 								)
diff --git a/src/js/services/ui/actions.js b/src/js/services/ui/actions.js
index 1cf31157..7ab3ff68 100755
--- a/src/js/services/ui/actions.js
+++ b/src/js/services/ui/actions.js
@@ -235,7 +235,14 @@ export function createNotification(content, type = 'default', id = helpers.gener
     }
 }
 
-export function removeNotification( id ){
+export function cancelLoading(id){
+    return { 
+        type: 'CANCEL_LOADING_'+id,
+        id: id
+    }
+}
+
+export function removeNotification(id){
     return { 
         type: 'REMOVE_NOTIFICATION',
         id: id