diff --git a/frontend/src/views/main/LoginForm.vue b/frontend/src/views/main/LoginForm.vue
index b680e32..3306889 100644
--- a/frontend/src/views/main/LoginForm.vue
+++ b/frontend/src/views/main/LoginForm.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col items-center min-w-[300px] m-4">
-    <h1 class="text-center text-2xl font-bold mb-5">Connexion</h1>
+    <h1 class="text-center text-2xl font-bold mb-5 login-text">Connexion</h1>
 
     <google-login class="w-full"
                   :callback="googleCallback"
@@ -31,3 +31,12 @@ async function googleCallback(token) {
 }
 
 </script>
+
+<style scoped>
+
+.login-text{
+  @apply text-hOnBackground;
+
+}
+
+</style>