change width of popular categories widget

Some of my category names are long and get cut off at smaller screen sizes.
How can I change the width of the popular categories when on mobile? I tried this but it doesn’t seem to work.

.sd.home .featured-area .geodir-pcat-show, .sd.sd-location .featured-area .geodir-pcat-show {
	
	@media screen and (max-width: 768px)  {
		min-width: 47.4% !important;
	}
}

When I remove the media query it sets the width properly but it’s applied to all screen sizes. Is there a better way to do this?