diff --git a/src/UI/Settings/Quality/Profile/Edit/EditQualityProfileLayout.js b/src/UI/Settings/Quality/Profile/Edit/EditQualityProfileLayout.js
index 48eb0b1f4..1ef9825d5 100644
--- a/src/UI/Settings/Quality/Profile/Edit/EditQualityProfileLayout.js
+++ b/src/UI/Settings/Quality/Profile/Edit/EditQualityProfileLayout.js
@@ -20,7 +20,8 @@ define(
             },
 
             events: {
-                'click .x-save': '_saveQualityProfile'
+                'click .x-save'  : '_saveQualityProfile',
+                'click .x-cancel': '_cancelQualityProfile'
             },
 
             initialize: function (options) {
@@ -85,6 +86,21 @@ define(
                 }
             },
 
+            _cancelQualityProfile: function () {
+                if (!this.model.has('id')) {
+                    vent.trigger(vent.Commands.CloseModalCommand);
+                    return;
+                }
+
+                var promise = this.model.fetch();
+
+                if (promise) {
+                    promise.done(function () {
+                        vent.trigger(vent.Commands.CloseModalCommand);
+                    });
+                }
+            },
+
             _showFieldsView: function () {
                 this.fields.show(this.fieldsView);
             }
diff --git a/src/UI/Settings/Quality/Profile/Edit/EditQualityProfileLayoutTemplate.html b/src/UI/Settings/Quality/Profile/Edit/EditQualityProfileLayoutTemplate.html
index 4c10d0b0f..1cbfffda2 100644
--- a/src/UI/Settings/Quality/Profile/Edit/EditQualityProfileLayoutTemplate.html
+++ b/src/UI/Settings/Quality/Profile/Edit/EditQualityProfileLayoutTemplate.html
@@ -1,5 +1,5 @@
 <div class="modal-header">
-    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+    <button type="button" class="close x-cancel" aria-hidden="true">&times;</button>
     {{#if id}}
         <h3>Edit</h3>
     {{else}}
@@ -24,6 +24,6 @@
     {{#if id}}
         <button class="btn btn-danger pull-left x-delete">delete</button>
     {{/if}}
-    <button class="btn" data-dismiss="modal">cancel</button>
+    <button class="btn x-cancel">cancel</button>
     <button class="btn btn-primary x-save">save</button>
 </div>