diff --git a/css/includes/_base.scss b/css/includes/_base.scss
index 34ef3d665db..c2bc439a2fa 100644
--- a/css/includes/_base.scss
+++ b/css/includes/_base.scss
@@ -510,6 +510,16 @@ body pre {
     }
 }
 
+.itil-object-fields .col-12.glpi-full-width {
+    .col-form-label {
+        width: 33.3333%; /* Bootstrap 5 / Tabler.io .col-xxl-4 width */
+    }
+
+    .field-container {
+        width: 66.6667%; /* Bootstrap 5 / Tabler.io .col-xxl-8 width */
+    }
+}
+
 // Needed as 'text-muted' may not always be readable depending on the menu
 // background color.
 .horizontal-layout  {
diff --git a/templates/components/itilobject/fields_panel.html.twig b/templates/components/itilobject/fields_panel.html.twig
index 576c5c0ab14..0c98590daf2 100644
--- a/templates/components/itilobject/fields_panel.html.twig
+++ b/templates/components/itilobject/fields_panel.html.twig
@@ -42,7 +42,7 @@
 {% set itil_layout    = user_pref('itil_layout', true) %}
 {% set headers_states = itil_layout['items']|default([]) %}
 
-<div class="accordion open accordion-flush" id="itil-data">
+<div class="accordion open accordion-flush itil-object-fields" id="itil-data">
    {% set main_show = headers_states['item-main'] is not defined or headers_states['item-main'] == "true" ? true : false %}
    {{ call_plugin_hook(constant('Glpi\\Plugin\\Hooks::PRE_ITIL_INFO_SECTION'), {"item": item, 'options': params}) }}
    <section class="accordion-item" aria-label="{{ item.getTypeName(1) }}">