on-click and hover doesn't work on the group itself #3174

i have a group of modules and i wanted clicking any part of the group to send me to missioncenter

"group/hardware": {
        "on-click": "missioncenter",
        "orientation": "horizontal",
        "modules": [
            "disk",
            "memory",
            "cpu",
            "custom/gpu"
        ]
    }

i tried just doing this but it didn't trigger when i clicked.

not a big deal because i can just do on-click on the individual modules

but then i tried to add a border to the group on hover:

#hardware:hover {
  box-shadow: inset 0 0 0 4px #cba6f7;
}

and it doesn't trigger when i hover over it, unlike any normal module or the seperate modules in the group when i do this:

#hardware *:hover {
  box-shadow: inset 0 0 0 4px #cba6f7;
} 

and i havn't found a way to trigger adding a border to the whole group from hovering on one of it's modules

idk if this is intended or not, if it is, is there some other way to get the same result? sorry if i'm being stupid i'm css noob lol

here is config and style.css