diff --git a/frontend-prep/src/pages/User/Accueil.tsx b/frontend-prep/src/pages/User/Accueil.tsx
index bfba9179..9d95e464 100644
--- a/frontend-prep/src/pages/User/Accueil.tsx
+++ b/frontend-prep/src/pages/User/Accueil.tsx
@@ -179,9 +179,9 @@ function UserAccueil() {
                 </div>
 
                 {isSelectedComingSoon ? (
-                    <div className="coming-soon-overlay">
-                        <span className="coming-soon-text">Prochainement</span>
-                        <p className="coming-soon-desc">
+                    <div className="category-cs-overlay">
+                        <span className="category-cs-text">Prochainement</span>
+                        <p className="category-cs-desc">
                             Les produits de cette catégorie arrivent bientôt !
                         </p>
                     </div>
diff --git a/frontend-prep/src/pages/User/UserAccueil.css b/frontend-prep/src/pages/User/UserAccueil.css
index 314e4942..67fb563c 100644
--- a/frontend-prep/src/pages/User/UserAccueil.css
+++ b/frontend-prep/src/pages/User/UserAccueil.css
@@ -20,7 +20,7 @@
 }
 
 /* ===== COMING SOON OVERLAY ===== */
-.coming-soon-overlay {
+.category-cs-overlay {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -30,7 +30,7 @@
     gap: 16px;
 }
 
-.coming-soon-text {
+.category-cs-text {
     font-size: clamp(1.6rem, 5vw, 2rem);
     font-weight: 400;
     color: #8e8fe8;
@@ -41,7 +41,7 @@
     animation: pulse-scale 4s ease-in-out infinite;
 }
 
-.coming-soon-desc {
+.category-cs-desc {
     font-size: 1rem;
     color: rgba(142, 143, 232, 0.7);
     text-align: center;