Full background-color that will take the full width on hover

How can I style my hoverable background color to take full width in a display:flex styling?

I have a navigation link nested in a div class, on hover, the background-color is only around the text content. I want it to take the full width since the display is given a flex-direction of column