message: Adjust styles for filters (fixes
diff: @@ -5,47 +5,55 @@ import Text from 'v2/components/UI/Text'
  import { TypedEnumLabelMap } from 'v2/components/AdvancedSearch/utils/labels'
  import { FieldsEnum, WhatEnum, WhereEnum } from '__generated__/globalTypes'
  import { AnyFilter } from 'v2/components/AdvancedSearch/AdvancedSearchContext'
  +import constants from 'v2/styles/constants'
  -export const FilterContainer = styled(Box).attrs({
  - p: 1,
  +export const FilterLabel = styled(Text).attrs({
  + f: 1,
  + lineHeight: 1.5,
  + fontWeight: 'bold',
  })`
  cursor: pointer;
  - &:hover {
  - background-color: ${props => props.theme.colors.gray.semiLight};
  - }
  ${props =>
  props.active &&
  `
  - background-color: ${props.theme.colors.gray.hint};
  + color: ${props.theme.colors.gray.bold};
  `}
  ${props =>
  props.disabled &&
  `
  - cursor: default;
  -
  - &:hover {
  - background-color: transparent;
  - }
  + color: ${props.theme.colors.gray.regular};
  `}
  `
  -export const FilterLabel = styled(Text).attrs({
  - f: 1,
  - lineHeight: 1.5,
  - fontWeight: 'bold',
  +export const FilterContainer = styled(Box).attrs({
  + p: 1,
  })`
  cursor: pointer;
  + border-radius: ${constants.radii.subtle};
  +
  + &:hover {
  + background-color: ${props => props.theme.colors.gray.cell};
  + }
  +
  + &:hover ${FilterLabel} {
  + color: ${props => props.theme.colors.gray.bold};
  + }
  +
  ${props =>
  props.active &&
  `
  - color: ${props.theme.colors.gray.bold};
  + background-color: ${props.theme.colors.gray.hint};
  `}
  ${props =>
  props.disabled &&
  `
  - color: ${props.theme.colors.gray.semiLight};
  + cursor: default;
  +
  + &:hover {
  + background-color: transparent;
  + }
  `}
  `
  