diff --git a/app/assets/stylesheets/02_utils.scss b/app/assets/stylesheets/02_utils.scss
index d4d6f21ce..277a56688 100644
--- a/app/assets/stylesheets/02_utils.scss
+++ b/app/assets/stylesheets/02_utils.scss
@@ -102,6 +102,10 @@
   white-space: nowrap;
 }
 
+.width-max-content {
+  width: max-content;
+}
+
 // sizing
 .width-100 {
   width: 100%;
diff --git a/app/views/administrateurs/procedures/_procedures_list.html.haml b/app/views/administrateurs/procedures/_procedures_list.html.haml
index c354dba51..30f5084aa 100644
--- a/app/views/administrateurs/procedures/_procedures_list.html.haml
+++ b/app/views/administrateurs/procedures/_procedures_list.html.haml
@@ -54,7 +54,7 @@
               %span.fr-badge= procedure.dossiers.state_not_brouillon.visible_by_administration.count
 
       .text-right
-        %p.fr-mb-0 N° #{procedure.id}
+        %p.fr-mb-0.width-max-content N° #{number_with_html_delimiter(procedure.id)}
         - if procedure.close?
           %span.fr-badge.fr-badge--sm.fr-badge--warning
             = t('closed', scope: [:layouts, :breadcrumb])