diff --git a/projects/components/CHANGELOG.MD b/projects/components/CHANGELOG.MD
index b899815f..3762bd54 100644
--- a/projects/components/CHANGELOG.MD
+++ b/projects/components/CHANGELOG.MD
@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fix ErrorBannerExampleComponent when closed with X button
 ### Changed
 * errorMessage reset value is `null` instead of `undefined`
+* Add a scrollToMessage method for the vcd-banner-activity-reporter
 
 ## [15.0.1-dev.12]
 ### Fixed
diff --git a/projects/components/src/common/activity-reporter/banner-activity-reporter.component.ts b/projects/components/src/common/activity-reporter/banner-activity-reporter.component.ts
index 5b8a34fb..032ec5b5 100644
--- a/projects/components/src/common/activity-reporter/banner-activity-reporter.component.ts
+++ b/projects/components/src/common/activity-reporter/banner-activity-reporter.component.ts
@@ -49,6 +49,7 @@ export class BannerActivityReporterComponent extends ActivityReporter {
     reportError(errorText: string): void {
         this.errorText = errorText;
         this.running = false;
+        this.scrollToMessage();
     }
 
     /**
@@ -59,6 +60,7 @@ export class BannerActivityReporterComponent extends ActivityReporter {
             this.successMessage = successMessage;
         }
         this.running = false;
+        this.scrollToMessage();
     }
 
     /**
@@ -75,6 +77,14 @@ export class BannerActivityReporterComponent extends ActivityReporter {
         this.successMessage = null;
     }
 
+    /**
+     * To view error and success messages, scroll to the top of the page for visibility
+     */
+    scrollToMessage(): void {
+        const element = document.querySelector('vcd-banner-activity-reporter');
+        element.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
+    }
+
     /*
      * Reset the banner activity state manually.
      *