chore: fix label layout shift

src/app/form/form-view/structure-form/structure-labels/structure-labels.component.html

@@ -14,7 +14,7 @@
       <p>Facultatif</p>
     </div>
   </div>
-  <div *ngIf="labelsQualifications" class="labelsQualifications" fxLayout="row wrap" fxLayoutAlign="flex-start">
+  <div *ngIf="labelsQualifications" class="labelsQualifications">
     <app-checkbox-form
       *ngFor="let module of labelsQualifications.modules.sort()"
       [isChecked]="isInArray(module.id, 'labelsQualifications')"

src/app/form/form-view/structure-form/structure-labels/structure-labels.component.scss

 .labelsQualifications {
-  gap: 0 8px;
+  gap: 8px;
+  display: flex;
+  flex-wrap: wrap;
 }

src/app/shared/components/checkbox-form/checkbox-form.component.scss

@@ -2,9 +2,9 @@
 @import 'typography';
 
 button {
-  width: 296px;
+  width: 300px;
   height: 65px;
-  margin-top: 8px;
+  margin: 0;
   background: $grey-8;
   padding: 0 16px;
   border-radius: 4px;
@@ -35,7 +35,7 @@ button {
   }
 
   &:hover {
-    border: 1px solid $grey-4;
+    border-color: $grey-4;
     p {
       color: $grey-3;
     }
@@ -43,7 +43,7 @@ button {
 
   &.selected {
     background: $white;
-    border: 3px solid $green-1;
+    border-color: $green-1;
   }
   .checkmark {
     width: 24px;