diff --git a/client/core/src/multi-check/multi-check.html b/client/core/src/multi-check/multi-check.html
index 066968d12..36f7f3ec7 100644
--- a/client/core/src/multi-check/multi-check.html
+++ b/client/core/src/multi-check/multi-check.html
@@ -1,4 +1,4 @@
-<vn-vertical class="multi-check" vn-none class="multi-check {{$ctrl.className}}" tabindex="-1">
+<vn-vertical class="multi-check" vn-none class="multi-check {{$ctrl.className}}" tabindex="1" ng-blur="$ctrl.onBlur()">
     <vn-one>
         <vn-horizontal>
             <vn-none class="primaryCheckbox" ng-if="$ctrl.checkAll===0">
diff --git a/client/core/src/multi-check/multi-check.js b/client/core/src/multi-check/multi-check.js
index d3720df74..565788a6a 100644
--- a/client/core/src/multi-check/multi-check.js
+++ b/client/core/src/multi-check/multi-check.js
@@ -8,7 +8,8 @@ import './multi-check.scss';
  * @param {String} className Optional css class name
  */
 export default class MultiCheck {
-    constructor() {
+    constructor($timeout) {
+        this.$timeout = $timeout;
         this._checkAll = 0;
         this._models = [];
         this._type = {};
@@ -82,9 +83,15 @@ export default class MultiCheck {
         this.type = {};
         this.checkAll = 0;
     }
+
+    onBlur() {
+        this.$timeout(() => {
+            this.showDropDown = false;
+        }, 200);
+    }
 }
 
-MultiCheck.$inject = [];
+MultiCheck.$inject = ['$timeout'];
 
 module.component('vnMultiCheck', {
     template: require('./multi-check.html'),