diff --git a/versioning/templates/partials/version_changes.html b/versioning/templates/partials/version_changes.html
index 7e39e8c7..79860ae6 100644
--- a/versioning/templates/partials/version_changes.html
+++ b/versioning/templates/partials/version_changes.html
@@ -1,9 +1,9 @@
 {% if version.changes.anything_changed %}
     {% for change in version.changes.field_changes %}
-    	<span title="Changes to {{ change.field.verbose_name }}" class="badge badge-info p-2" data-container="body" data-html="true" data-trigger='hover' data-toggle="popover" data-content='{% spaceless %}{% include "partials/version_changes_change.html" %}{% endspaceless %}'>{{ change.field.verbose_name }}</span>
+    	<span title="Changes to {{ change.field.verbose_name }}" class="bg-info rounded p-1" data-container="body" data-html="true" data-trigger='hover' data-toggle="popover" data-content='{% spaceless %}{% include "partials/version_changes_change.html" %}{% endspaceless %}'>{{ change.field.verbose_name }}</span>
     {% endfor %}
     {% for itemchange in version.changes.item_changes %}
-        <span title="Changes to {{ itemchange.name }}" class="badge badge-info p-2" data-container="body" data-html="true" data-trigger='hover' data-toggle="popover" data-content='{% spaceless %}
+        <span title="Changes to {{ itemchange.name }}" class="bg-info rounded p-1" data-container="body" data-html="true" data-trigger='hover' data-toggle="popover" data-content='{% spaceless %}
             <ul class="list-group list-group-flush">
             {% for change in itemchange.field_changes %}
                   <li class="list-group-item">