diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
index c5bc2c13a6..64ddfc1910 100644
--- a/src/app/footer/footer.component.html
+++ b/src/app/footer/footer.component.html
@@ -81,7 +81,7 @@
         </li>
       </ul>
     </div>
-    <div class="notify-enabled" [hidden]="!coarLdnEnabled">
+    <div class="notify-enabled text-white" [hidden]="!coarLdnEnabled">
       <a class="coar-notify-support-route" routerLink="info/coar-notify-support">
         <img class="n-coar" src="assets/images/n-coar.png" [attr.alt]="'menu.header.image.logo' | translate" />
         COAR Notify
diff --git a/src/app/footer/footer.component.scss b/src/app/footer/footer.component.scss
index 745966c825..0faf5ac85e 100644
--- a/src/app/footer/footer.component.scss
+++ b/src/app/footer/footer.component.scss
@@ -24,7 +24,7 @@
     .bottom-footer {
       .notify-enabled {
         position: absolute;
-        bottom: 7px;
+        bottom: 4px;
         right: 0;
 
         .coar-notify-support-route {
@@ -34,10 +34,10 @@
 
         .n-coar {
           height: var(--ds-footer-n-coar-height);
-          margin-bottom: 8.5px;
+          margin-bottom: 6px;
         }
 
-        margin-top: 15px;
+        margin-top: 20px;
       }
       ul {
         li {