diff --git a/Vue/Fichebeneficiaire/index.php b/Vue/Fichebeneficiaire/index.php
index a915a0f..582b4b3 100755
--- a/Vue/Fichebeneficiaire/index.php
+++ b/Vue/Fichebeneficiaire/index.php
@@ -359,19 +359,19 @@
 
 					<!-- Affichage mobile (cartes) -->
 					<div class="d-md-none">
-						<div class="col-12">
+						<div class="col-12 mb-3">
 							<div class="rounded p-2 border border-success">
 								<small class="text-muted d-block"><?= _("Plafond") ?></small>
 								<h4 class="text-success mb-0"><?= format_N($plafondGlobalFamille) ?></h4>
 							</div>
 						</div>
-						<div class="col-12">
+						<div class="col-12 mb-3">
 							<div class="rounded p-2 border border-primary">
 								<small class="text-muted d-block"><?= _("Dépense") ?></small>
 								<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleFamille) ?></h4>
 							</div>
 						</div>
-						<div class="col-12">
+						<div class="col-12 mb-3">
 							<div class="rounded p-2 border border-danger">
 								<small class="text-muted d-block"><?= _("Solde") ?></small>
 								<h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
@@ -379,7 +379,7 @@
 						</div>
 					</div>
                     
-                    <div class="progress mb-3" >
+                    <div class="progress mb-2" >
                         <div class="progress-bar <?= $niveauGlobalConsoFamille >= 80 ? 'bg-danger' : ($niveauGlobalConsoFamille >= 50 ? 'bg-warning' : 'bg-success') ?>" 
                              style="width: <?= min($niveauGlobalConsoFamille, 100) ?>%">
                             <?= number_format($niveauGlobalConsoFamille, 1) ?>%
@@ -452,21 +452,21 @@
 
 					<!-- Affichage mobile (cartes) -->
 					<div class="d-md-none">
-						<div class="col-12 mb-2">
+						<div class="col-12 mb-3">
 							<div class="border rounded p-2 border-success">
 								<small class="text-muted d-block"><?= _("Plafond") ?></small>
 								<h4 class="text-success mb-0"><?= format_N($plafondGlobalBeneficiaire) ?></h4>
 							</div>
 						</div>
 
-						<div class="col-12 mb-2">
+						<div class="col-12 mb-3">
 							<div class="border rounded p-2 border-primary">
 								<small class="text-muted d-block"><?= _("Dépense") ?></small>
 								<h4 class="text-primary mb-0"><?= format_N($consommationGlobaleBenef) ?></h4>
 							</div>
 						</div>
 						
-						<div class="col-12 mb-2">
+						<div class="col-12 mb-3">
 							<div class="rounded p-2 border border-danger">
 								<small class="text-muted d-block"><?= _("Solde") ?></small>
 								<h4 class="text-danger mb-0"><?= format_N($soldeConsommation) ?></h4>
@@ -474,7 +474,7 @@
 						</div>
 					</div>
                     
-                    <div class="progress mb-3">
+                    <div class="progress mb-2">
                         <div class="progress-bar <?= $niveauGlobalConsoBenef >= 80 ? 'bg-danger' : ($niveauGlobalConsoBenef >= 50 ? 'bg-warning' : 'bg-success') ?>" 
                              style="width: <?= min($niveauGlobalConsoBenef, 100) ?>%">
                             <?= number_format($niveauGlobalConsoBenef, 1) ?>%