diff --git a/netbox_interface_sync/templates/netbox_interface_sync/compare_interfaces_button.html b/netbox_interface_sync/templates/netbox_interface_sync/compare_interfaces_button.html
index 5f5b5d8..dd2c179 100644
--- a/netbox_interface_sync/templates/netbox_interface_sync/compare_interfaces_button.html
+++ b/netbox_interface_sync/templates/netbox_interface_sync/compare_interfaces_button.html
@@ -1,3 +1,3 @@
-<a href="{% url 'plugins:netbox_interface_sync:interface_comparison' device_id=device.id %}" class="btn btn-primary">
+<a href="{% url 'plugins:netbox_interface_sync:interface_comparison' device_id=device.id %}" class="btn btn-sm btn-primary">
     Interface sync
 </a>
\ No newline at end of file
diff --git a/netbox_interface_sync/templates/netbox_interface_sync/interface_comparison.html b/netbox_interface_sync/templates/netbox_interface_sync/interface_comparison.html
index 48b268e..4befb9d 100644
--- a/netbox_interface_sync/templates/netbox_interface_sync/interface_comparison.html
+++ b/netbox_interface_sync/templates/netbox_interface_sync/interface_comparison.html
@@ -48,7 +48,7 @@ function uncheck(event) {
 <form method="post">
     <!-- Interface templates -->
     {% csrf_token %}
-    <table class="table" style="background:#F5F5F5; width: 50%; float: left;">
+    <table class="table" style="width: 50%; float: left;">
         <tr>
             <th colspan="2">Device type</th>
             <th>Actions</th>
diff --git a/netbox_interface_sync/templates/netbox_interface_sync/number_of_interfaces_panel.html b/netbox_interface_sync/templates/netbox_interface_sync/number_of_interfaces_panel.html
index 31eafc0..98bc1ef 100644
--- a/netbox_interface_sync/templates/netbox_interface_sync/number_of_interfaces_panel.html
+++ b/netbox_interface_sync/templates/netbox_interface_sync/number_of_interfaces_panel.html
@@ -1,8 +1,6 @@
-<div class="panel panel-default">
-    <div class="panel-heading">
-        <strong>Number of interfaces</strong>
-    </div>
-    <div class="panel-body">
+<div class="card">
+    <h5 class="card-header">Number of interfaces</h5>
+    <div class="card-body">
         Total interfaces: {{ interfaces|length }}<br>
         {% if config.exclude_virtual_interfaces %}
         Non-virtual interfaces: {{ real_interfaces|length }}<br>