diff --git a/apps/common/main/resources/less/listview.less b/apps/common/main/resources/less/listview.less
index 8b5d93a8d..03251a941 100644
--- a/apps/common/main/resources/less/listview.less
+++ b/apps/common/main/resources/less/listview.less
@@ -21,6 +21,10 @@
     }
   }
 
+  &:not(.no-focus):focus {
+    border-color: @gray-darker;
+  }
+
   & > .item {
 //    display: block;
     text-overflow: ellipsis;
diff --git a/apps/common/main/resources/less/treeview.less b/apps/common/main/resources/less/treeview.less
index 22bff45df..967ff8cc1 100644
--- a/apps/common/main/resources/less/treeview.less
+++ b/apps/common/main/resources/less/treeview.less
@@ -19,6 +19,10 @@
     }
   }
 
+  &:focus {
+    border-color: @gray-darker;
+  }
+
   > .item {
     display: block;
     width: 100%;
diff --git a/apps/spreadsheeteditor/main/app/view/PivotSettings.js b/apps/spreadsheeteditor/main/app/view/PivotSettings.js
index d7ee80d17..24a660a80 100644
--- a/apps/spreadsheeteditor/main/app/view/PivotSettings.js
+++ b/apps/spreadsheeteditor/main/app/view/PivotSettings.js
@@ -103,7 +103,7 @@ define([
                 el: $('#pivot-list-fields'),
                 store: new Common.UI.DataViewStore(),
                 simpleAddMode: true,
-                template: _.template(['<div class="listview inner" style=""></div>'].join('')),
+                template: _.template(['<div class="listview inner no-focus" style=""></div>'].join('')),
                 itemTemplate: _.template([
                     '<div>',
                     '<label class="checkbox-indeterminate" style="position:absolute;">',
@@ -139,7 +139,7 @@ define([
                 el: $('#pivot-list-columns'),
                 store: new Common.UI.DataViewStore(),
                 simpleAddMode: true,
-                template: _.template(['<div class="listview inner" style=""></div>'].join('')),
+                template: _.template(['<div class="listview inner no-focus" style=""></div>'].join('')),
                 itemTemplate: itemTemplate
             });
             this.columnsList.on('item:click', _.bind(this.onColumnsSelect, this, 0));
@@ -154,7 +154,7 @@ define([
                 el: $('#pivot-list-rows'),
                 store: new Common.UI.DataViewStore(),
                 simpleAddMode: true,
-                template: _.template(['<div class="listview inner" style=""></div>'].join('')),
+                template: _.template(['<div class="listview inner no-focus" style=""></div>'].join('')),
                 itemTemplate: itemTemplate
             });
             this.rowsList.on('item:click', _.bind(this.onColumnsSelect, this, 1));
@@ -169,7 +169,7 @@ define([
                 el: $('#pivot-list-values'),
                 store: new Common.UI.DataViewStore(),
                 simpleAddMode: true,
-                template: _.template(['<div class="listview inner" style=""></div>'].join('')),
+                template: _.template(['<div class="listview inner no-focus" style=""></div>'].join('')),
                 itemTemplate: itemTemplate
             });
             this.valuesList.on('item:click', _.bind(this.onColumnsSelect, this, 2));
@@ -184,7 +184,7 @@ define([
                 el: $('#pivot-list-filters'),
                 store: new Common.UI.DataViewStore(),
                 simpleAddMode: true,
-                template: _.template(['<div class="listview inner" style=""></div>'].join('')),
+                template: _.template(['<div class="listview inner no-focus" style=""></div>'].join('')),
                 itemTemplate: itemTemplate
             });
             this.filtersList.on('item:click', _.bind(this.onColumnsSelect, this,3));