Data gird paging button alignment issue

Hi, I am creating page for mobile view where I am using data grid instead of list view. I highlighted issue in below screenshot: How can I reduce the size of paging button(like css class/alignment) so that my button will adjust there? or  Is there having any option where I can remove/disable this paging form here and use some other trick/widget for paging data grid?  
1 answers

A data grid on a mobile is always a hassle, since it isn’t flexible enough.  Certainly possible to do something with custom CSS.

Though you could opt to use a listview and one of the following widgets to create paging like in the way you need;

List view controls or List view Paging