diff --git a/webapp/assets/_new/styles/tokens.scss b/webapp/assets/_new/styles/tokens.scss
index 770a1a9c9..66bd03ecc 100644
--- a/webapp/assets/_new/styles/tokens.scss
+++ b/webapp/assets/_new/styles/tokens.scss
@@ -375,4 +375,21 @@ $color-footer-link: $color-primary;
  * @tokens Locale Menu Color
  */
 
-$color-locale-menu: $text-color-soft;
\ No newline at end of file
+$color-locale-menu: $text-color-soft;
+
+/** 
+ * @tokens Donation Bar Color
+ */
+
+$color-donation-bar: $color-primary;
+$color-donation-bar-light: $color-primary-light;
+
+/** 
+ * @tokens Toast Color
+ */
+
+$color-toast-red: $color-danger;
+$color-toast-orange: $color-warning;
+$color-toast-yellow: $color-yellow;
+$color-toast-blue: $color-secondary;
+$color-toast-green: $color-success;
diff --git a/webapp/assets/styles/imports/_toast.scss b/webapp/assets/styles/imports/_toast.scss
index 0ef81a5b2..eb593dd6a 100644
--- a/webapp/assets/styles/imports/_toast.scss
+++ b/webapp/assets/styles/imports/_toast.scss
@@ -11,22 +11,22 @@
 }
 
 .iziToast.iziToast-color-red {
-  background: $color-danger !important;
-  border-color: $color-danger !important;
+  background: $color-toast-red !important;
+  border-color: $color-toast-red !important;
 }
 .iziToast.iziToast-color-orange {
-  background: $color-warning !important;
-  border-color: $color-warning !important;
+  background: $color-toast-orange !important;
+  border-color: $color-toast-orange !important;
 }
 .iziToast.iziToast-color-yellow {
-  background: $color-yellow  !important;
-  border-color: $color-yellow  !important;
+  background: $color-toast-yellow  !important;
+  border-color: $color-toast-yellow  !important;
 }
 .iziToast.iziToast-color-blue {
-  background: $color-secondary !important;
-  border-color: $color-secondary !important;
+  background: $color-toast-blue !important;
+  border-color: $color-toast-blue !important;
 }
 .iziToast.iziToast-color-green {
-  background: $color-success !important;
-  border-color: $color-success !important;
+  background: $color-toast-green !important;
+  border-color: $color-toast-green !important;
 }
diff --git a/webapp/components/PageFooter/PageFooter.vue b/webapp/components/PageFooter/PageFooter.vue
index c71fc4b5c..cd279766d 100644
--- a/webapp/components/PageFooter/PageFooter.vue
+++ b/webapp/components/PageFooter/PageFooter.vue
@@ -5,7 +5,7 @@
       <page-params-link :pageParams="pageParams">
         {{ $t(pageParams.internalPage.footerIdent) }}
       </page-params-link>
-      <span class="division-line">-</span>
+      <span class="division-space">&nbsp;</span>
     </span>
     <!-- version -->
     <a
@@ -46,8 +46,8 @@ export default {
 .ds-footer a {
   color: $color-footer-link;
 }
-.division-line {
-  margin-left: 0.2rem;
-  margin-right: 0.2rem;
+.division-space {
+  margin-left: 0.4rem;
+  margin-right: 0.4rem;
 }
 </style>
diff --git a/webapp/components/ProgressBar/ProgressBar.vue b/webapp/components/ProgressBar/ProgressBar.vue
index 41183b798..09fb4b3a2 100644
--- a/webapp/components/ProgressBar/ProgressBar.vue
+++ b/webapp/components/ProgressBar/ProgressBar.vue
@@ -79,17 +79,17 @@ export default {
   border-radius: $border-radius-base;
 
   &.color-uni {
-    background: $color-primary-light;
+    background: $color-donation-bar;
   }
 
   &.color-repeating-linear-gradient {
     background: repeating-linear-gradient(
       120deg,
-      $color-primary 0px,
-      $color-primary 30px,
-      $color-primary-light 50px,
-      $color-primary-light 75px,
-      $color-primary 95px
+      $color-donation-bar 0px,
+      $color-donation-bar 30px,
+      $color-donation-bar-light 50px,
+      $color-donation-bar-light 75px,
+      $color-donation-bar 95px
     );
   }
 }
diff --git a/webapp/pages/group/_id/_slug.vue b/webapp/pages/group/_id/_slug.vue
index 1b6d66033..641b8802e 100644
--- a/webapp/pages/group/_id/_slug.vue
+++ b/webapp/pages/group/_id/_slug.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="isGroupVisible">
+  <div class="group-profile" v-if="isGroupVisible">
     <ds-space />
     <ds-flex v-if="group" :width="{ base: '100%' }" gutter="base">
       <ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">