diff --git a/frontend/src/components/Auth/Login.vue b/frontend/src/components/Auth/Login.vue
index f59a97a5e..d2cad2993 100644
--- a/frontend/src/components/Auth/Login.vue
+++ b/frontend/src/components/Auth/Login.vue
@@ -20,7 +20,7 @@
               v-model="form.password"
             ></input-password>
             <div class="text-center mt-4">
-              <b-button type="submit" variant="primary">{{ $t('login') }}</b-button>
+              <b-button type="submit" variant="gradido">{{ $t('login') }}</b-button>
             </div>
           </b-form>
         </validation-observer>
diff --git a/frontend/src/components/Auth/Register.vue b/frontend/src/components/Auth/Register.vue
index 7f007a190..a9da00db1 100644
--- a/frontend/src/components/Auth/Register.vue
+++ b/frontend/src/components/Auth/Register.vue
@@ -124,14 +124,14 @@
             <div class="text-center mt-5">
               <div class="text-center">
                 <router-link class="test-button-back" to="/login">
-                  <b-button variant="outline-secondary" class="mr-4">
+                  <b-button variant="outline-gradido" class="mr-4">
                     {{ $t('back') }}
                   </b-button>
                 </router-link>
                 <b-button
                   :disabled="disabled"
                   type="submit"
-                  :variant="disabled ? 'outline-light' : 'primary'"
+                  :variant="disabled ? 'outline-light' : 'gradido'"
                 >
                   {{ $t('signup') }}
                 </b-button>