message: fix(borders): added $color-row-filter-border, 40%)
diff: @@ -26,7 +26,7 @@ $color-row-filter-border--active: $pf-color-blue-300;
  margin-bottom: $pf-global--spacer--xl;
  // use pseudo element for border so .row-filter__box-es can overlaps
  &::before {
  - border: 1px solid $color-row-filter-border;
  + border: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
  bottom: calc(var(--pf-global--spacer--xl) - 1px);
  content: '';
  left: $pf-global-gutter;
  @@ -46,12 +46,12 @@ $color-row-filter-border--active: $pf-color-blue-300;
  &,
  &:focus,
  &:hover {
  - border: 1px solid $color-row-filter-border;
  + border: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
  color: inherit;
  text-decoration: none;
  }
  &:focus {
  - border-color: darken($color-row-filter-border, 40%);
  + border-color: var(--pf-global--BorderColor--200);
  border-style: dotted;
  z-index: 2;
  }
  @@ -80,7 +80,7 @@ $color-row-filter-border--active: $pf-color-blue-300;
  .row-filter__number-bubble {
  background: $pf-color-white;
  border-radius: 4px;
  - border: 1px solid $color-row-filter-border;
  + border: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
  display: inline-block;
  line-height: 16px;
  margin-right: 6px;
  