diff --git a/apps/common/main/resources/less/checkbox.less b/apps/common/main/resources/less/checkbox.less
index 395c85eaf..1d91f83d2 100644
--- a/apps/common/main/resources/less/checkbox.less
+++ b/apps/common/main/resources/less/checkbox.less
@@ -40,8 +40,8 @@
                     position: absolute;
                     border: 1px solid @gray-deep;
                     background: @gray-soft;
-                    width: 10px;
-                    height: 10px;
+                    width: 8px;
+                    height: 8px;
                     left: 3px;
                     top: 2px;
                 }
diff --git a/apps/spreadsheeteditor/main/app/view/AutoFilterDialog.js b/apps/spreadsheeteditor/main/app/view/AutoFilterDialog.js
index 2364b6e71..23bae9a5f 100644
--- a/apps/spreadsheeteditor/main/app/view/AutoFilterDialog.js
+++ b/apps/spreadsheeteditor/main/app/view/AutoFilterDialog.js
@@ -759,12 +759,13 @@ define([
                         '<div>',
                             '<label class="checkbox-indeterminate" style="position:absolute;">',
                                 '<% if (check=="indeterminate") { %>',
-                                    '<input type="button" class="indeterminate img-commonctrl"/>',
+                                    '<input type="button" class="indeterminate button__checkbox">',
                                 '<% } else if (check) { %>',
-                                    '<input type="button" class="checked img-commonctrl"/>',
+                                    '<input type="button" class="checked button__checkbox">',
                                 '<% } else { %>',
-                                    '<input type="button" class="img-commonctrl"/>',
+                                    '<input type="button" class="button__checkbox">',
                                 '<% } %>',
+                                '<span class="checkmark"/>',
                             '</label>',
                             '<div id="<%= id %>" class="list-item" style="pointer-events:none; margin-left: 20px;display: flex;">',
                                 '<div style="flex-grow: 1;"><%= Common.Utils.String.htmlEncode(value) %></div>',
@@ -1015,7 +1016,7 @@ define([
                     }
                 }
 
-                if (type === 'button' || isLabel) {
+                if (type === 'button' || isLabel || event.target.className.match('checkmark')) {
                     this.updateCellCheck(listView, record);
 
                     _.delay(function () {