diff --git a/client/src/app/site/modules/site-wrapper/components/banner/banner.component.scss b/client/src/app/site/modules/site-wrapper/components/banner/banner.component.scss
index 64acf216b2..7b44147e57 100644
--- a/client/src/app/site/modules/site-wrapper/components/banner/banner.component.scss
+++ b/client/src/app/site/modules/site-wrapper/components/banner/banner.component.scss
@@ -12,13 +12,11 @@
     line-height: 20px;
     width: 100%;
     text-align: center;
-    border-bottom: 1px solid white;
 
     a {
         align-items: center;
         justify-content: center;
         text-decoration: none;
-        color: white;
         &.banner-link {
             width: 100%;
             height: 100%;
diff --git a/client/src/app/site/pages/meetings/pages/history/components/history-banner/history-banner.component.scss b/client/src/app/site/pages/meetings/pages/history/components/history-banner/history-banner.component.scss
index 571d02760b..38c4c1e14f 100644
--- a/client/src/app/site/pages/meetings/pages/history/components/history-banner/history-banner.component.scss
+++ b/client/src/app/site/pages/meetings/pages/history/components/history-banner/history-banner.component.scss
@@ -8,7 +8,7 @@
     span,
     a {
         padding: 2px;
-        color: #000000;
+        color: #000000 !important;
         background: #ffee00;
     }
 
diff --git a/client/src/app/site/services/theme.service.ts b/client/src/app/site/services/theme.service.ts
index bd29f45db8..a935544466 100644
--- a/client/src/app/site/services/theme.service.ts
+++ b/client/src/app/site/services/theme.service.ts
@@ -190,7 +190,7 @@ export class ThemeService {
         const key = `--theme-${usage}-${color.name}`;
         const value = color.hex;
         const keyContrast = `--theme-${usage}-contrast-${color.name}`;
-        const valueContrast = color.darkContrast ? `rgba(black, 0.87)` : `white`;
+        const valueContrast = color.darkContrast ? `rgba(0, 0, 0, 0.87)` : `white`;
         document.documentElement.style.setProperty(key, value);
         document.documentElement.style.setProperty(keyContrast, valueContrast);
     }
diff --git a/client/src/assets/styles/global-components-style.scss b/client/src/assets/styles/global-components-style.scss
index 0765dd37d9..d750de23ac 100644
--- a/client/src/assets/styles/global-components-style.scss
+++ b/client/src/assets/styles/global-components-style.scss
@@ -309,6 +309,10 @@
     .background-accent {
         background: mat.get-color-from-palette($accent) !important;
         color: mat.get-color-from-palette($accent, default-contrast) !important;
+
+        a {
+            color: mat.get-color-from-palette($accent, default-contrast) !important;
+        }
     }
 
     .background-warn {