How to make jQuery UI's style not overwrite jqGrid's style?

Question

Here is my situation, I\'m having a jquery ui dialog with a jqgrid inside of it. When I opened the dialog, I can see that the grid\'s style has been overwritten by the dialog\'s

Answer 1

Remove the following line ".ui-widget .ui-widget { font-size: 1em; }" from jquery-ui.css file.