Проблема стиля из datatables.net

Когда я использую эту базу данных из datatables.net, две кнопки таблицы не стилизуются. Кнопки следующей и предыдущей страницы. По умолчанию они не должны быть такими. Как я могу изменить их стиль?

Вот мой html:

<h1>MyTable</h1>



  <table class="table" border=1 id="mydatatablem">


    <thead>
      <tr>

        <th>Full Name</th>
        <th>Company</th>
        <th>Email</th>
        <th>Phone Number</th>
        <th>Note</th>

      </tr>

    </thead>
    <tbody>
      {% for x in x_list %}

          <tr>
              <td>{{x.full_name}}</td>
              <td>{{x.company}}</td>
              <td>{{x.email}}</td>
              <td>{{x.phone_number}}</td>
              <td>{{x.note}}</td>

          </tr>


      {% endfor %}




    </tbody>
  </table>


</div>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  <script src='https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js'></script>
  <script>
  $(document).ready(function () {
      $('#mydatatablem').DataTable();
  });

  </script>

А вот как это выглядит на сайте: введите описание изображения здесь

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css">