title: How to remove spaces in the Datatables pagination buttons
body: <p>Can you please help me to find a way to remove the spaces in the datatables pagination buttons?</p>
  
  <p><a href="https://i.stack.imgur.com/JwQQw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JwQQw.png" alt="enter image description here"></a></p>
  
  <p>I've referred the below URL's for doing so :</p>
  
  <p><a href="https://datatables.net/examples/styling/bootstrap4" rel="nofollow noreferrer">DATA TABLES BOOTSTRAP 4 EXAMPLE</a></p>
  
  <p>I've added the .js and CSS files exactly as it was said in above, but it did't work.</p>
  
  <p><a href="https://stackoverflow.com/questions/28955336/datatables-pagination-buttons-remove-unwanted-space">Datatables pagination buttons - Remove unwanted space
  </a></p>
  
  <p>None of the above are working. Kindly help me to override the current functionality. Thank you.</p>
  
  <p>Please find the code I've worked below :</p>
  
  <h2>HTML</h2>
  
  <pre><code>  &lt;!-- BOOTSTRAP --&gt;
    &lt;link rel="stylesheet" href="stylesheets/bootstrap.min.css"&gt;
    &lt;script src="javascript/third_party/popper.min.js"&gt;&lt;/script&gt;
    &lt;script src="javascript/third_party/bootstrap.min.js"&gt;&lt;/script&gt;
  
  
    &lt;!-- DATA TABLES --&gt;
    &lt;link rel="stylesheet" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.css" /&gt;
    &lt;script src="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdn.datatables.net/plug-ins/1.10.19/sorting/datetime-moment.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <h2>CSS</h2>
  
  <pre><code>.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding : 0px;
    margin-left: 0px;
    display: inline;
    border: 0px;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 0px;
  }
  </code></pre>
  
  <h2>Jquery</h2>
  
  <pre><code>$.fn.dataTable.moment('MM/DD/YYYY');
    $(`#${ID}`).DataTable({
      columnDefs: [{
        targets: [0, 1, 2, 5, 6, 7],
        orderable: false
      }],
      "order": [[4, "asc"]]
    });
  </code></pre>