I am styling a checkbox inside a menu button, and i am trying to change the color of the box's background but it appears the size of it (red) is larger than the margin (yellow), how can I change the size or what would be the attribute to change? I tried changing the size attribute in CSS but it is not working.
.menu-item .check-box > .box {
-fx-background-color: red;
-fx-border-color: yellow;
}