diff --git a/package-lock.json b/package-lock.json
index 16cab0ba..c9e4d2a3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4070,9 +4070,9 @@
       }
     },
     "@edx/paragon": {
-      "version": "17.0.0",
-      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-17.0.0.tgz",
-      "integrity": "sha512-ysj3dQPIGTf+kztoLqP8geLt3fzNSRPIn6k9KTQD0dvl6f28R8C3V/kgfH4HoCaVbvpImeuyaGyYo/4cBmoOoA==",
+      "version": "17.1.2",
+      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-17.1.2.tgz",
+      "integrity": "sha512-PDPOtpe3zuOFBs18T9cAfCABJ7ABxcPWw+sY256fNjIZlaodOwOK/LN1rtuI9MEEfRk174QKRYZzFbihcbn4iw==",
       "requires": {
         "@fortawesome/fontawesome-svg-core": "^1.2.30",
         "@fortawesome/free-solid-svg-icons": "^5.14.0",
diff --git a/package.json b/package.json
index 587e7fbc..5202810a 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "@edx/frontend-enterprise-utils": "1.1.1",
     "@edx/frontend-lib-special-exams": "1.15.5",
     "@edx/frontend-platform": "1.14.3",
-    "@edx/paragon": "17.0.0",
+    "@edx/paragon": "17.1.2",
     "@edx/frontend-component-header": "^2.4.2",
     "@fortawesome/fontawesome-svg-core": "1.2.36",
     "@fortawesome/free-brands-svg-icons": "5.15.4",
diff --git a/src/generic/PageLoading.jsx b/src/generic/PageLoading.jsx
index 1ffc783e..f99422ad 100644
--- a/src/generic/PageLoading.jsx
+++ b/src/generic/PageLoading.jsx
@@ -25,9 +25,7 @@ export default class PageLoading extends Component {
             height: '50vh',
           }}
         >
-          <Spinner animation="border" variant="primary" role="status">
-            {this.renderSrMessage()}
-          </Spinner>
+          <Spinner animation="border" variant="primary" screenReaderText={this.renderSrMessage()} />
         </div>
       </div>
     );
diff --git a/src/shared/streak-celebration/StreakCelebrationModal.jsx b/src/shared/streak-celebration/StreakCelebrationModal.jsx
index 831219ec..f1033477 100644
--- a/src/shared/streak-celebration/StreakCelebrationModal.jsx
+++ b/src/shared/streak-celebration/StreakCelebrationModal.jsx
@@ -166,7 +166,7 @@ function StreakModal({
           {wideScreen && <img src={StreakDesktopImage} alt="" className="img-fluid" />}
         </p>
         { queryingDiscount && (
-          <Spinner animation="border" variant="primary" role="status" />
+          <Spinner animation="border" variant="primary" />
         )}
         { !queryingDiscount && !showOffer && (
           <div className="d-flex py-3 bg-light-300">