diff --git a/plugins/contrast/error-description.handlebars b/plugins/contrast/error-description.handlebars
index 7f76df59..57aa12da 100644
--- a/plugins/contrast/error-description.handlebars
+++ b/plugins/contrast/error-description.handlebars
@@ -28,6 +28,12 @@
             </span>
         </span>
 
-        has a ratio of <strong>{{suggestedColorsRatio}}</strong> <input class="previewCb" type="checkbox">
+        has a ratio of <strong>{{suggestedColorsRatio}}</strong>
+        <br />
+
+        <label>
+            Preview:
+            <input class="preview-contrast-fix" type="checkbox">
+        </label>
     </div>
 </div>
diff --git a/plugins/contrast/index.js b/plugins/contrast/index.js
index 0278e7f9..8dd7fd9e 100644
--- a/plugins/contrast/index.js
+++ b/plugins/contrast/index.js
@@ -41,8 +41,8 @@ class ContrastPlugin extends Plugin {
 
         // Add click handler to preview checkbox.
         let $description = $(descriptionTemplate(templateData));
-        $description.find(".previewCb").click(function() {
-            if (this.checked) {
+        $description.find(".preview-contrast-fix").click((e) => {
+            if ($(e.target).prop("checked")) {
                 // Set suggested colors.
                 $(el).css("color", suggestedColors.fg);
                 $(el).css("background-color", suggestedColors.bg);