price checkbox highlighting issue

Hello,

I have check with the different case, I have found price checkbox highlighting an issue in the sidebar widget. See Below

Case 1: See attached Screenshot named, screen_1.jpg, and screen_2.jpg
Case 2: See attached SCreenshot name, screen_3.jpg, and screen_4.jpg

======================================================================
Below code is provided by you for pricing checkbox:
======================================================================
.woodmart-price-filter ul > li > a {
position: relative;
}

.woodmart-price-filter ul > li > a:before {
content: “”;
display: inline-block;
vertical-align: middle;
height: 14px;
width: 14px;
border: 2px solid #d8d8d8;
margin-right: 8px;
margin-top: -2px;
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease;
}

.woodmart-price-filter ul > li > a:hover:before {
border: 2px solid #69bc45;
}

.woodmart-price-filter ul > li > .current-state:before {
background-color: #69bc45;
border-color: #69bc45;
}

.woodmart-price-filter ul > li > a:after {
content: “\f109”;
font-family: woodmart-font;
position: absolute;
left: 2px;
top: 0px;
color: #fff;
font-size: 10px;
font-weight: 600;
opacity: 0;
}

.woodmart-price-filter ul > li > .current-state:after {
opacity: 1;
}