Adjusting Padding for Column Filters

DarioAustralia

I would like to adjust the padding of column filters, such that the horizontal padding around the text and cancel icon are reduced. An example shows that the last one or two digits of the numeric filter columns are not visible because of the large padding. I attempted to reduce the padding by using

      input.form-control {
        padding:1px
      }

The placeholder text position seems to have reduced padding, but as soon as the box is clicked inside, it changes to the default padding. How can I reduce the horizontal padding between the text and the icon and the boundaries of the box ?