diff --git a/frontend/src/assets/scss/custom/gradido-custom/_buttons.scss b/frontend/src/assets/scss/custom/gradido-custom/_buttons.scss
index e8514f83d..5a2e49e3e 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_buttons.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_buttons.scss
@@ -27,3 +27,9 @@ $btn-focus-width:             $input-btn-focus-width !default;
 $btn-active-box-shadow:       none !default;
 
 $btn-hover-translate-y:       -1px !default;
+
+
+
+.btn-outline-secondary {
+    color: #4385b1 !important; 
+  }
diff --git a/frontend/src/views/Layout/ContentFooter.vue b/frontend/src/views/Layout/ContentFooter.vue
index 4350e3f55..dedfc4765 100755
--- a/frontend/src/views/Layout/ContentFooter.vue
+++ b/frontend/src/views/Layout/ContentFooter.vue
@@ -1,6 +1,6 @@
 <template>
-  <footer class="footer px-4 bg-transparent">
-    <b-row align-v="center" class="justify-content-lg-between">
+  <footer class="footer m-4 p-4 bg-transparent">
+    <b-row align-v="center" class="mt-4 justify-content-lg-between">
       <b-col>
         <div class="copyright text-center text-lg-center text-muted">
           © {{ year }}
diff --git a/frontend/src/views/Pages/Register.vue b/frontend/src/views/Pages/Register.vue
index 05cf61c46..8d95c8197 100755
--- a/frontend/src/views/Pages/Register.vue
+++ b/frontend/src/views/Pages/Register.vue
@@ -270,4 +270,3 @@ export default {
   },
 }
 </script>
-<style></style>
diff --git a/frontend/src/views/Pages/UserProfile/UserCard.vue b/frontend/src/views/Pages/UserProfile/UserCard.vue
index 4ddbb2726..04e1c927e 100755
--- a/frontend/src/views/Pages/UserProfile/UserCard.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard.vue
@@ -9,22 +9,30 @@
         ></vue-qrcode>
       </div>
 
-      <div class="card-profile-stats d-flex justify-content-center mt-md-5">
-        <div>
-          <span class="heading">
-            {{ $n(balance, 'decimal') }}
-          </span>
-          <span class="description">GDD</span>
-        </div>
-        <div>
-          <span class="heading">{{ transactionCount }}</span>
-          <span class="description">{{ $t('transactions') }}</span>
-        </div>
-        <div>
-          <span class="heading">--</span>
-          <span class="description">{{ $t('community.community') }}</span>
-        </div>
-      </div>
+      <b-container class="d-flex justify-content-center mt-md-5">
+        <b-row>
+          <b-col>
+            <div class="text-center font-weight-bold">
+              {{ $n(balance, 'decimal') }}
+            </div>
+            <div class="text-center">GDD</div>
+          </b-col>
+          <b-col>
+            <div class="text-center font-weight-bold">
+              {{ transactionCount }}
+            </div>
+            <div class="text-center">
+              {{ $t('transactions') }}
+            </div>
+          </b-col>
+          <b-col>
+            <div class="text-center font-weight-bold">--</div>
+            <div class="text-center">
+              {{ $t('community.community') }}
+            </div>
+          </b-col>
+        </b-row>
+      </b-container>
     </b-card>
   </div>
 </template>