diff --git a/src/mixins/base-mixin.js b/src/mixins/base-mixin.js
index 78869119..f4a3028d 100644
--- a/src/mixins/base-mixin.js
+++ b/src/mixins/base-mixin.js
@@ -93,11 +93,11 @@ export default {
             return ((amountDue * 100) / 100).toFixed(2);
         },
         scrollToPageTop() {
-            const container = document.getElementsByClassName('page-container-grouped-styles')[0];
+            const container = document.getElementsByClassName('fade-on-route-transition')[0];
             container.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
         },
         scrollToPageBottom() {
-            const container = document.getElementsByClassName('page-container-grouped-styles')[0];
+            const container = document.getElementsByClassName('fade-on-route-transition')[0];
             container.scrollTo({ top: container.scrollHeight, left: 0, behavior: 'smooth' });
         }
     },
diff --git a/src/styles/bailout-common.scss b/src/styles/bailout-common.scss
index 802506df..27f6bc39 100644
--- a/src/styles/bailout-common.scss
+++ b/src/styles/bailout-common.scss
@@ -1,7 +1,7 @@
 $page-side-padding: 1.5rem;
 $font-size: 0.875rem;
 
-.page-container-grouped-styles {
+.fade-on-route-transition {
   > div.main-content-container {
     overflow: auto;
     padding: 0 $page-side-padding !important;