diff --git a/templates/admin/_duplicate.html.twig b/templates/admin/_duplicate.html.twig
index 1b18cd71..5be76ec3 100644
--- a/templates/admin/_duplicate.html.twig
+++ b/templates/admin/_duplicate.html.twig
@@ -1,5 +1,5 @@
 <div class="row mb-2">
-    <div class="offset-3 col">
+    <div class="{{ offset_col }} {{ input_col }}">
         <a class="btn btn-info {% if not is_granted('create', entity) %}disabled{% endif %}" href="{{ entity_url(entity, 'clone') }}">{% trans %}entity.duplicate{% endtrans %}</a>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/templates/admin/_export_form.html.twig b/templates/admin/_export_form.html.twig
index 0a11fd1b..49e435bd 100644
--- a/templates/admin/_export_form.html.twig
+++ b/templates/admin/_export_form.html.twig
@@ -39,4 +39,4 @@
             <button type="submit" class="btn btn-primary">{% trans %}export.btn{% endtrans %}</button>
         </div>
     </div>
-</form>
\ No newline at end of file
+</form>
diff --git a/templates/admin/currency_admin.html.twig b/templates/admin/currency_admin.html.twig
index a5d59970..92cb5c74 100644
--- a/templates/admin/currency_admin.html.twig
+++ b/templates/admin/currency_admin.html.twig
@@ -10,10 +10,10 @@
     {{ form_row(form.iso_code) }}
     {% if entity.isoCode %}
         <div class="mt-0 mb-3">
-        <span class="form-text text-muted offset-3 col-9">
+        <span class="form-text text-muted {{ offset_col }} {{ input_col }}">
             <b>{% trans %}currency.iso_code.caption{% endtrans %}:</b> {{ entity.isoCode }}
         </span>
-            <span class="form-text text-muted offset-3 col-9">
+            <span class="form-text text-muted {{ offset_col }} {{ input_col }}">
             <b>{% trans %}currency.symbol.caption{% endtrans %}:</b> {{ entity.isoCode | currency_symbol }}
         </span>
         </div>
@@ -21,7 +21,7 @@
 
     {{ form_row(form.exchange_rate) }}
     {% if entity.inverseExchangeRate %}
-        <p class="form-text text-muted offset-3 col-9">
+        <p class="form-text text-muted {{ offset_col }} {{ input_col }}">
         {{ '1'|format_currency(vars.base_currency()) }} = {{ entity.inverseExchangeRate.tofloat | format_currency(entity.isoCode, {fraction_digit: 5}) }}<br>
         {{ '1'|format_currency(entity.isoCode) }} = {{ entity.exchangeRate.tofloat | format_currency(vars.base_currency(), {fraction_digit: 5}) }}
         </p>
diff --git a/templates/admin/user_admin.html.twig b/templates/admin/user_admin.html.twig
index 9b241e56..7fb465d7 100644
--- a/templates/admin/user_admin.html.twig
+++ b/templates/admin/user_admin.html.twig
@@ -50,7 +50,7 @@
 
     <div class="tab-pane" id="password">
         {% if entity.samlUser %}
-            <div class="offset-3 mb-3 col-9">
+            <div class="mb-3 {{ offset_col }} {{ input_col }}">
                 <span class="badge badge-warning bg-warning"><i class="fa-solid fa-house-user"></i> {% trans %}user.saml_user{% endtrans %}</span>
             </div>
         {% endif %}
@@ -60,7 +60,7 @@
         {{ form_row(form.disabled) }}
 
         {% if entity.id is not null %}
-            <div class="offset-3 mb-3">
+            <div class="{{ offset_col }} {{ input_col }} mb-3">
                 <hr>
                 <h6>{% trans %}user.edit.tfa.caption{% endtrans %}</h6>
 
diff --git a/templates/info_providers/from_url/from_url.html.twig b/templates/info_providers/from_url/from_url.html.twig
index 5aad1a03..edf64ed6 100644
--- a/templates/info_providers/from_url/from_url.html.twig
+++ b/templates/info_providers/from_url/from_url.html.twig
@@ -12,7 +12,7 @@
 {% endblock %}
 
 {% block card_content %}
-    <p class="text-muted offset-3">{% trans %}info_providers.from_url.help{% endtrans %}</p>
+    <p class="text-muted {{ offset_col }}">{% trans %}info_providers.from_url.help{% endtrans %}</p>
 
     {{ form_start(form) }}
     {{ form_row(form.url) }}
diff --git a/templates/security/2fa_base_form.html.twig b/templates/security/2fa_base_form.html.twig
index 847048e4..100d4afd 100644
--- a/templates/security/2fa_base_form.html.twig
+++ b/templates/security/2fa_base_form.html.twig
@@ -33,7 +33,7 @@
 
         {% if displayTrustedOption %}
             <div class="form-group row mt-3">
-                <div class="offset-3">
+                <div class="{{ offset_col }} {{ input_col }}">
                     <div class="custom-checkbox custom-control ms-2">
                         <input id="_trusted" class="form-check-input" type="checkbox" name="{{ trustedParameterName }}" />
                         <label class="form-check-label" for="_trusted">{% trans %}tfa.code.trusted_pc{% endtrans %}</label>
@@ -48,11 +48,11 @@
 
         {% block submit_btn %}
         <div class="form-group-row">
-            <div class="offset-3">
+            <div class="{{ offset_col }} {{ input_col }}">
                 <button type="submit" class="btn btn-primary" value="{{ "login"|trans({}, 'SchebTwoFactorBundle') }}">{% trans %}login.btn{% endtrans %}</button>
                 <a class="ms-2" href="{{ logoutPath }}">{% trans %}user.logout{% endtrans %}</a>
             </div>
         </div>
         {% endblock %}
     </form>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/templates/security/login.html.twig b/templates/security/login.html.twig
index c09b3669..a5338074 100644
--- a/templates/security/login.html.twig
+++ b/templates/security/login.html.twig
@@ -22,7 +22,7 @@
 {% block card_content %}
 
     {% if saml_enabled %}
-        <div class="col-md-9 offset-md-3 col-lg-10 offset-lg-2">
+        <div class="{{ offset_col }} {{ input_col }}">
             <a class="btn btn-secondary" href="{{ path('saml_login') }}"><i class="fa-solid fa-house-user"></i> {% trans %}login.sso_saml_login{% endtrans %}</a>
 
             <p class="text-muted">{% trans %}login.local_login_hint{% endtrans %}</p>
@@ -39,6 +39,6 @@
     {{ form_end(form) }}
 
     {% if allow_email_pw_reset %}
-        <a class="offset-sm-2" href="{{ path('pw_reset_request') }}">{% trans %}pw_reset.password_forget{% endtrans %}</a>
+        <a class="{{ offset_col }}" href="{{ path('pw_reset_request') }}">{% trans %}pw_reset.password_forget{% endtrans %}</a>
     {% endif %}
 {% endblock %}
diff --git a/templates/settings/settings.html.twig b/templates/settings/settings.html.twig
index 80f3671a..99623d15 100644
--- a/templates/settings/settings.html.twig
+++ b/templates/settings/settings.html.twig
@@ -38,7 +38,7 @@
 
                         {% if section_widget.vars.embedded_settings_metadata is defined %} {# Check if we have nested embedded settings or not #}
                             <fieldset>
-                                <legend class="offset-3">
+                                <legend class="{{ offset_col }}">
                                     <i class="fa-solid {{ settings_icon(settings_object)|default('fa-sliders') }} fa-fw"></i>
                                     {{ (section_widget.vars.label ?? section_widget.vars.name|humanize)|trans }}
                                 </legend>