diff --git a/assets/images/icon-filter.png b/assets/images/icon-filter.png deleted file mode 100644 index 1c86fad06f..0000000000 Binary files a/assets/images/icon-filter.png and /dev/null differ diff --git a/frontend/pages/hosts/ManageHostsPage/_styles.scss b/frontend/pages/hosts/ManageHostsPage/_styles.scss index ee4d847cac..ec2e6c8954 100644 --- a/frontend/pages/hosts/ManageHostsPage/_styles.scss +++ b/frontend/pages/hosts/ManageHostsPage/_styles.scss @@ -114,7 +114,9 @@ } // table header content responsive styles - @media (max-width: $break-990) { + // NOTE: 1100px is a custom breakpoint to deal with responsiveness of the + // table controls. 990px doesnt work for us in this case. + @media (max-width: 1100px) { &__header { flex-direction: column; } diff --git a/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss index cda073084a..b5759583b9 100644 --- a/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss +++ b/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss @@ -22,8 +22,10 @@ &::before { display: inline-block; position: absolute; - content: url(../assets/images/icon-filter.png); - top: 4px; + content: url(../assets/images/icon-filter-v2-black-16x16@2x.png); + transform: scale(0.5); + top: -2px; + left: -6px; } }