It’s hard to get a screenshot of this. On an ipad, when the ‘bullet’ category style is being used, after selecting a category from the category drop-down, the selected category’s background extends 10px past the edge of the drop-down menu.
This is because the width of .badge-wrapper.bullet
is set to 100% while it also has 5px of padding. It can be fixed with either:
list-controls .category-dropdown-menu .badge-wrapper.bullet {
box-sizing: border-box; // the width now includes the padding
}
or:
list-controls .category-dropdown-menu .badge-wrapper.bullet {
width: calc(100% - 10px); // the right and left padding is subtracted from the width
}