diff --git a/src/app/components/home-page/home-page.component.html b/src/app/components/home-page/home-page.component.html
index e538f76..772d2e5 100644
--- a/src/app/components/home-page/home-page.component.html
+++ b/src/app/components/home-page/home-page.component.html
@@ -7,7 +7,7 @@
 </div>
 
 <div
-  class="flex flex-col lg:flex-row gap-5 p-5 justify-center items-stretch"
+  class="flex flex-col lg:flex-row gap-10 p-10 justify-center items-stretch bg-gray-900 dark:bg-white"
   id="about"
 >
   <section
@@ -403,7 +403,7 @@
           </li>
         </ul>
         <a
-          class="text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:ring-primary-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-primary-900"
+          class="text-gray-900 bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:ring-primary-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-primary-900"
           >Bientôt disponible</a
         >
       </div>