Datatables and Semantic wide previous and show controls

I went to https://datatables.net/download/index and download the libs using the following options:

Styling Framework: Semantic UI
Select Packages: DataTables
Extensions: AutoFill, Buttons, ColReorder, FixedColumns, FixedHeaders, KeyTable, Responsive, RowGroup, Scroller, Select.

Added the following recomended style and script

<link rel="stylesheet" type="text/css" href="DataTables/datatables.min.css"/>

The table shows up but the "Previous" button and "Show" drop down are too wide:

Here is how I initialize the code:

var gridAccounts = $('#gridAccounts').DataTable({
  select: true,
  ordering: true,
  paging: true,
  searching: false,
  bFilter: false,
  responsive: true,
  bInfo: false,
  data: [],
  rowId: 'id',
  columns: [
    { data: 'id', title: 'ID' },
    { data: 'first_name', title: 'First Name' },
    { data: 'last_name', title: 'Last Name' },
    //{ data: 'email', title: 'Email' },
    { data: 'type', title: 'Security Type' },
    { data: 'account', title: 'Account'},
    { data: 'status', title: 'Status'}
  ],
  columnDefs:[
    { targets: [0], visible: false }
  ]
});