Add a .vertical class to tables because this is not the default layout

app/assets/stylesheets/new_design/table.scss

@@ -4,25 +4,28 @@
 
 .table {
   width: 100%;
-  font-size: 14px;
-  line-height: 22px;
 
   th,
   td {
     @include vertical-padding($default-spacer)
   }
 
-  th {
-    text-align: left;
+  &.vertical {
+    font-size: 14px;
+    line-height: 22px;
 
-    &.header-section {
-      color: $blue;
+    th {
+      text-align: left;
+
+      &.header-section {
+        color: $blue;
+        font-weight: bold;
+        font-size: 20px;
+      }
+    }
+
+    td {
       font-weight: bold;
-      font-size: 20px;
     }
   }
-
-  td {
-    font-weight: bold;
-  }
 }

app/views/new_gestionnaire/dossiers/_champs.html.haml

@@ -1,4 +1,4 @@
-%table.table
+%table.table.vertical
   %tbody
     - champs.each do |c|
       %tr

app/views/new_gestionnaire/dossiers/_identite_entreprise.html.haml

@@ -2,7 +2,7 @@
 - etablissement = entreprise.etablissement
 %h4= entreprise.raison_sociale_or_name
 
-%table.table
+%table.table.vertical
   %tbody
     %tr
       %th SIRET :

app/views/new_gestionnaire/dossiers/_identite_individual.html.haml

@@ -1,4 +1,4 @@
-%table.table
+%table.table.vertical
   %tbody
     %tr
       %th Civilité :

app/views/new_gestionnaire/dossiers/show.html.haml

@@ -23,7 +23,7 @@
     .card.featured
       .card-title Pièces jointes
 
-      %table.table
+      %table.table.vertical
         %tbody
           - if @dossier.procedure.cerfa_flag?
             %tr

app/views/root/patron.html.haml

@@ -74,7 +74,9 @@
 
     %h1 Table
 
-    %table.table
+    %h2 Vertical layout (.table.vertical)
+
+    %table.table.vertical
       %tbody
         %tr
           %th Header 1