diff --git a/science-quest/src/components/PagePrincipale.vue b/science-quest/src/components/PagePrincipale.vue
index cacb2bf..8c65292 100644
--- a/science-quest/src/components/PagePrincipale.vue
+++ b/science-quest/src/components/PagePrincipale.vue
@@ -24,8 +24,8 @@ export default {
             </p>
             <p> Actuellement les jeux sont en cours de développement 🚧</p> <!-- TODO: Rajouter les jeux disponibles -->
             <div class="routes-button">
-                <router-link to="/kahoot" class="button">Kahoot 🚧</router-link>
-                <router-link to="/qui_est_ce" class="button">Qui-est-ce ? 🚧</router-link>
+                <router-link to="/kahoot" class="btn btn-dark">Kahoot 🚧</router-link>
+                <router-link to="/qui_est_ce" class="btn btn-dark">Qui-est-ce ? 🚧</router-link>
             </div>
             <img src="../temporary_ressources/img/marie-curie.png" alt="Marie Curie" />
         </div>   
diff --git a/science-quest/src/scss/landingPage.scss b/science-quest/src/scss/landingPage.scss
index 4bb1a87..c25f6e3 100644
--- a/science-quest/src/scss/landingPage.scss
+++ b/science-quest/src/scss/landingPage.scss
@@ -45,26 +45,6 @@ template {
     animation: dropIn 2s;
 }
 
-.button {
-        display: flex;
-        flex-direction: row;
-        padding: 0.5em 1em;
-        font-size: 1rem;
-        font-weight: bold;
-        text-align: center;
-        text-decoration: none;
-        background-color: #000;
-        color: #fff;
-        border-radius: 4px;
-        border: none;
-        cursor: pointer;
-        transition: background-color 0.3s ease;
-}
-
-.button:hover {
-    background-color: #333;
-}
-
 //footer
 footer {
     display: flex;