diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
index 09c8588e9..eb85662fd 100644
--- a/frontend/src/assets/scss/gradido-template.scss
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -15,6 +15,15 @@ body {
   color: #0e79bc !important;
 }
 
+
+.text-gradido {
+  color: rgb(249 205 105 / 100%);
+}
+
+.gradient-gradido {
+  background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
+}
+
 /* Navbar  */
 a,
 .navbar-light,
@@ -32,14 +41,6 @@ a:hover,
   color: rgb(35 121 188 / 90%);
 }
 
-.text-gradido {
-  color: rgb(249 205 105 / 100%);
-}
-
-.gradient-gradido {
-  background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
-}
-
 /* Button */
 .btn {
   border-radius: 25px;
@@ -97,6 +98,7 @@ a:hover,
   box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 0%);
 }
 
+
 .form-control,
 .custom-select {
   border-radius: 17px;
diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
index 26f8eae85..a971a6135 100644
--- a/frontend/src/layouts/AuthLayout.vue
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -16,9 +16,11 @@
           <div class="h0 text-white">{{ $t('auth.left.gratitude') }}</div>
           <div class="h1 text-white">{{ $t('auth.left.newCurrency') }}</div>
           <div class="h2 text-white">{{ $t('auth.left.oneAnotherNature') }}</div>
-          <b-button :href="learnMore" variant="gradido" target="_blank">
-            {{ $t('auth.left.learnMore') }}
-          </b-button>
+          <b-link :href="learnMore" target="_blank">
+            <b-button variant="gradido">
+              {{ $t('auth.left.learnMore') }}
+            </b-button>
+          </b-link>
         </div>
       </div>
       <b-row class="justify-content-md-center">