diff --git a/src/Resources/views/macros_bootstrap_4.html.twig b/src/Resources/views/macros_bootstrap_4.html.twig
index 9f586db..10df8de 100644
--- a/src/Resources/views/macros_bootstrap_4.html.twig
+++ b/src/Resources/views/macros_bootstrap_4.html.twig
@@ -13,8 +13,8 @@ Example:
             {% for translationsFields in form %}
                 {% set locale = translationsFields.vars.name %}
 
-                <li{% if app.request.locale == locale %} class="active"{% endif %}>
-                    <a href="#{{ translationsFields.vars.id }}_{{ fieldsNames|join('_') }}_a2lix_translations-fields" data-toggle="tab" role="tab">
+                <li class="nav-item">
+                    <a href="#{{ translationsFields.vars.id }}_{{ fieldsNames|join('_') }}_a2lix_translations-fields" class="nav-link {% if app.request.locale == locale %}active{% endif %}" data-toggle="tab" role="tab">
                         {{ translationsFields.vars.label|default(locale|humanize)|trans }}
                         {% if form.vars.default_locale == locale %}{{ '[Default]'|trans }}{% endif %}
                         {% if translationsFields.vars.required %}*{% endif %}
@@ -27,7 +27,7 @@ Example:
             {% for translationsFields in form %}
                 {% set locale = translationsFields.vars.name %}
 
-                <div id="{{ translationsFields.vars.id }}_{{ fieldsNames|join('_') }}_a2lix_translations-fields" class="tab-pane {% if app.request.locale == locale %}active{% endif %} {% if not form.vars.valid %}sonata-ba-field-error{% endif %}" role="tabpanel">
+                <div id="{{ translationsFields.vars.id }}_{{ fieldsNames|join('_') }}_a2lix_translations-fields" class="tab-pane {% if app.request.locale == locale %}show active{% endif %} {% if not form.vars.valid %}sonata-ba-field-error{% endif %}" role="tabpanel">
                     {% for translationsField in translationsFields|filter(translationsField => translationsField.vars.name in fieldsNames) %}
                         {{ form_row(translationsField) }}
                     {% endfor %}
diff --git a/src/Resources/views/macros_bootstrap_5.html.twig b/src/Resources/views/macros_bootstrap_5.html.twig
index e26b14b..794499c 100644
--- a/src/Resources/views/macros_bootstrap_5.html.twig
+++ b/src/Resources/views/macros_bootstrap_5.html.twig
@@ -13,8 +13,8 @@ Example:
             {% for translationsFields in form %}
                 {% set locale = translationsFields.vars.name %}
 
-                <li{% if app.request.locale == locale %} class="active"{% endif %}>
-                    <a href="#{{ translationsFields.vars.id }}_{{ fieldsNames|join('_') }}_a2lix_translations-fields" data-toggle="tab" role="tab">
+                <li class="nav-item">
+                    <a href="#{{ translationsFields.vars.id }}_{{ fieldsNames|join('_') }}_a2lix_translations-fields" class="nav-link {% if app.request.locale == locale %}active{% endif %}" data-bs-toggle="tab" role="tab">
                         {{ translationsFields.vars.label|default(locale|humanize)|trans }}
                         {% if form.vars.default_locale == locale %}{{ '[Default]'|trans }}{% endif %}
                         {% if translationsFields.vars.required %}*{% endif %}
@@ -27,7 +27,7 @@ Example:
             {% for translationsFields in form %}
                 {% set locale = translationsFields.vars.name %}
 
-                <div id="{{ translationsFields.vars.id }}_{{ fieldsNames|join('_') }}_a2lix_translations-fields" class="tab-pane {% if app.request.locale == locale %}active{% endif %} {% if not form.vars.valid %}sonata-ba-field-error{% endif %}" role="tabpanel">
+                <div id="{{ translationsFields.vars.id }}_{{ fieldsNames|join('_') }}_a2lix_translations-fields" class="tab-pane {% if app.request.locale == locale %}show active{% endif %} {% if not form.vars.valid %}sonata-ba-field-error{% endif %}" role="tabpanel">
                     {% for translationsField in translationsFields|filter(translationsField => translationsField.vars.name in fieldsNames) %}
                         {{ form_row(translationsField) }}
                     {% endfor %}