diff --git a/client/app/assets/less/inc/vendor-overrides/ui-select.less b/client/app/assets/less/inc/vendor-overrides/ui-select.less
index d45bec428..4e8c8e08e 100644
--- a/client/app/assets/less/inc/vendor-overrides/ui-select.less
+++ b/client/app/assets/less/inc/vendor-overrides/ui-select.less
@@ -12,13 +12,24 @@
   font-size: 13px;
   line-height: 1.42857143;
   color: #9E9E9E;
-  background: #fff none;
+  background: #fff;
   border: 1px solid #e8e8e8;
-  border-radius: 5px;
+  border-radius: 2px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+
+  &:hover, &:active, &.active, &:focus, &.focus {
+    background: #fff;
+  }
+}
+
+.btn-default-focus {
+  outline: none;
+  outline-offset: 0;
+  box-shadow: none;
+  background: none;
 }
 
diff --git a/client/app/components/filters.html b/client/app/components/filters.html
index d19f8d7a4..a770cdee7 100644
--- a/client/app/components/filters.html
+++ b/client/app/components/filters.html
@@ -4,7 +4,7 @@
       <label>{{filter.friendlyName}}</label>
 
       <ui-select ng-model="filter.current" ng-if="!filter.multiple" on-select="$ctrl.filterChangeListener(filter, $model)" on-remove="$ctrl.filterChangeListener(filter, $model)"
-                 remove-selected="false">
+        remove-selected="false" append-to-body="true">
         <ui-select-match placeholder="Select value for {{filter.friendlyName}}...">{{$select.selected | filterValue:filter}}</ui-select-match>
         <ui-select-choices repeat="value in filter.values | filter: $select.search">
           {{value | filterValue:filter }}