diff --git a/app/assets/stylesheets/new_design/procedures_show.scss b/app/assets/stylesheets/new_design/procedures_show.scss
index fb96da7ba..914f65fa1 100644
--- a/app/assets/stylesheets/new_design/procedures_show.scss
+++ b/app/assets/stylesheets/new_design/procedures_show.scss
@@ -13,59 +13,6 @@
     margin-bottom: 2 * $default-padding;
   }
 
-  .dossiers-categories {
-    li {
-      display: inline-block;
-      line-height: 36px;
-      position: relative;
-      text-align: center;
-      font-size: 14px;
-      padding-left: 20px;
-      padding-right: 20px;
-      border-radius: 3px 3px 0 0;
-      border: 1px solid transparent;
-
-      a {
-        color: $black;
-      }
-
-      &.active {
-        background-color: white;
-        border-top: 1px solid $border-grey;
-        border-left: 1px solid $border-grey;
-        border-right: 1px solid $border-grey;
-
-        a {
-          color: $blue;
-        }
-
-        .dossiers-count {
-          color: $blue;
-        }
-      }
-
-      &:hover {
-        a {
-          color: $blue;
-        }
-
-        .dossiers-count {
-          color: $blue;
-        }
-      }
-
-      .dossiers-count {
-        background-color: rgba(0,0,0,0.08);
-        padding-left: 5px;
-        padding-right: 5px;
-        border-radius: 100px;
-        font-weight: bold;
-        color: rgba(0,0,0,0.6);
-        font-size: 14px;
-      }
-    }
-  }
-
   .dossiers-table {
     margin: (2 * $default-padding) auto;
     width: 100%;
diff --git a/app/views/new_gestionnaire/procedures/show.html.haml b/app/views/new_gestionnaire/procedures/show.html.haml
index 59cc92663..3f70ac732 100644
--- a/app/views/new_gestionnaire/procedures/show.html.haml
+++ b/app/views/new_gestionnaire/procedures/show.html.haml
@@ -6,31 +6,31 @@
 
       .width-100
         %h1= @procedure.libelle
-        %ul.dossiers-categories
+        %ul.tabs
           %li{ class: (@statut == 'a-suivre') ? 'active' : nil }>
             = link_to(procedure_path(@procedure, statut: 'a-suivre')) do
               à suivre
-              %span.dossiers-count= @a_suivre_dossiers.count
+              %span.badge= @a_suivre_dossiers.count
 
           %li{ class: (@statut == 'suivis') ? 'active' : nil }>
             = link_to(procedure_path(@procedure, statut: 'suivis')) do
               = t('pluralize.followed', count: @followed_dossiers.count)
-              %span.dossiers-count= @followed_dossiers.count
+              %span.badge= @followed_dossiers.count
 
           %li{ class: (@statut == 'traites') ? 'active' : nil }>
             = link_to(procedure_path(@procedure, statut: 'traites')) do
               = t('pluralize.processed', count: @termines_dossiers.count)
-              %span.dossiers-count= @termines_dossiers.count
+              %span.badge= @termines_dossiers.count
 
           %li{ class: (@statut == 'tous') ? 'active' : nil }>
             = link_to(procedure_path(@procedure, statut: 'tous')) do
               tous les dossiers
-              %span.dossiers-count= @all_state_dossiers.count
+              %span.badge= @all_state_dossiers.count
 
           %li{ class: (@statut == 'archives') ? 'active' : nil }>
             = link_to(procedure_path(@procedure, statut: 'archives')) do
               = t('pluralize.archived', count: @archived_dossiers.count)
-              %span.dossiers-count= @archived_dossiers.count
+              %span.badge= @archived_dossiers.count
 
   .container
     - if @dossiers.present?