Divi Tab Module Size For Mobile View

Hi,

I am having trouble with adjusting the width of the tabs on the mobile view. I am using the code:

@media only screen and (max-width: 479px) {
.equal-tabs .et_pb_tabs_controls li {
width: 25%!important;
text-align: left;
display: table!important;
}
}

but it doesn't seem to be working. Is there any way for the width of the tabs to be adjusted on mobile view so that they can be aligned next to each other, not one row after another?

does anyone know how to fix this?