diff --git a/packages/app-rfi/package.json b/packages/app-rfi/package.json
index 92b63e3e5e..e75f6d20c7 100644
--- a/packages/app-rfi/package.json
+++ b/packages/app-rfi/package.json
@@ -83,7 +83,6 @@
     "formik": "^2.1.4",
     "prop-types": "^15.7.2",
     "react-phone-input-2": "2.15.1",
-    "reactstrap": "^9",
     "yup": "^0.28.1",
     "yup-phone": "^1.2.19"
   },
diff --git a/packages/app-rfi/src/components/AsuRfi/index.js b/packages/app-rfi/src/components/AsuRfi/index.js
index a4d71587b2..e60b9fc982 100644
--- a/packages/app-rfi/src/components/AsuRfi/index.js
+++ b/packages/app-rfi/src/components/AsuRfi/index.js
@@ -9,8 +9,6 @@ import React, { useEffect, useState } from "react";
 // rendering, but otherwise, we only worry about using the correct markup and
 // tweaking a few styles
 
-import { Progress } from "reactstrap";
-
 import { betterPropNames, useRfiState } from "../../core/utils/appState";
 import { DATA_SOURCE } from "../../core/utils/constants";
 import { RfiContext } from "../../core/utils/rfiContext";
@@ -24,7 +22,7 @@ const currentScriptPath = getCurrentScriptPath();
 
 /**
  * @param {import("../../core/types/rfi-types").RFIProps} props
- * @return {JSX.Element}
+ * @return {React.ReactElement}
  */
 const AsuRfi = ({
   appPathFolder = "",
diff --git a/packages/app-rfi/src/components/stepper/RfiStepperButtons.js b/packages/app-rfi/src/components/stepper/RfiStepperButtons.js
index 84adb20ab3..f50c950eb6 100644
--- a/packages/app-rfi/src/components/stepper/RfiStepperButtons.js
+++ b/packages/app-rfi/src/components/stepper/RfiStepperButtons.js
@@ -1,7 +1,6 @@
 // @ts-check
 import PropTypes from "prop-types";
 import React from "react";
-import { Button } from "reactstrap";
 
 import { trackGAEvent } from "@asu/shared";
 // Note on the spans around the FA i tags below:
@@ -14,6 +13,17 @@ import { trackGAEvent } from "@asu/shared";
 // The solution I hit on was to wrap the i's with spans so when the DOM
 // rewrite happens, the FA switcheroo is happening a layer below the element
 // that in this case React is trying to remove.
+/**
+ * @param {{
+ *  stepNumber: number,
+ *  totalSteps: number,
+ *  step: { props?: { section?: string } },
+ *  handleBack: () => void,
+ *  rfiSubmitting: boolean,
+ *  formik: { isSubmitting: boolean }
+ * }} props
+ * @returns {React.ReactElement}
+ */
 export const RfiStepperButtons = ({
   stepNumber,
   totalSteps,
@@ -28,7 +38,7 @@ export const RfiStepperButtons = ({
         <div className="row justify-content-end">
           <div className="col-6">
             {stepNumber > 0 ? (
-              <Button
+              <button
                 type="button"
                 className="btn btn-primary"
                 onClick={() => {
@@ -38,7 +48,7 @@ export const RfiStepperButtons = ({
                     name: "onclick",
                     type: "click",
                     region: "main content",
-                    section: step.props.section,
+                    section: step.props?.section,
                     text: "prev",
                     component: `step ${stepNumber + 1} of ${totalSteps}`,
                   });
@@ -48,13 +58,13 @@ export const RfiStepperButtons = ({
                   <i className="fas fa-angle-left" aria-hidden="true" />
                 </span>{" "}
                 Previous
-              </Button>
+              </button>
             ) : null}
           </div>
           <div className="col-6 text-right">
             {/* Note: rfi-button and rfi-button-stepN classes are used by GA */}
             {stepNumber < totalSteps - 1 ? (
-              <Button
+              <button
                 type="submit"
                 className={`btn btn-primary rfi-button-step${stepNumber + 1}`}
                 onClick={() =>
@@ -63,7 +73,7 @@ export const RfiStepperButtons = ({
                     name: "onclick",
                     type: "click",
                     region: "main content",
-                    section: step.props.section,
+                    section: step.props?.section,
                     text: "next",
                     component: `step ${stepNumber + 1} of ${totalSteps}`,
                   })
@@ -73,9 +83,9 @@ export const RfiStepperButtons = ({
                 <span>
                   <i className="fas fa-angle-right" aria-hidden="true" />
                 </span>
-              </Button>
+              </button>
             ) : (
-              <Button
+              <button
                 type="submit"
                 className="rfi-submit btn btn-primary"
                 disabled={!!isSubmitting || rfiSubmitting}
@@ -86,14 +96,14 @@ export const RfiStepperButtons = ({
                     region: "main content",
                     event: "form",
                     type: "submit",
-                    section: step.props.section,
+                    section: step.props?.section,
                     text: "submit",
                     component: `step ${stepNumber + 1} of ${totalSteps}`,
                   })
                 }
               >
                 Submit
-              </Button>
+              </button>
             )}
           </div>
         </div>
diff --git a/packages/unity-react-core/package.json b/packages/unity-react-core/package.json
index e03068a215..0aed38ff5f 100644
--- a/packages/unity-react-core/package.json
+++ b/packages/unity-react-core/package.json
@@ -103,8 +103,7 @@
   },
   "dependencies": {
     "@glidejs/glide": "^3.6.0",
-    "react-share": "^4.4.0",
-    "reactstrap": "^9"
+    "react-share": "^5.3"
   },
   "peerDependencies": {
     "@asu/unity-bootstrap-theme": "^1.21.3",
diff --git a/packages/unity-react-core/src/components/Article/Article.jsx b/packages/unity-react-core/src/components/Article/Article.jsx
index add327c066..aaa3ceeb85 100644
--- a/packages/unity-react-core/src/components/Article/Article.jsx
+++ b/packages/unity-react-core/src/components/Article/Article.jsx
@@ -10,10 +10,9 @@ import {
   FacebookShareButton,
   LinkedinIcon,
   LinkedinShareButton,
-  TwitterIcon,
-  TwitterShareButton,
+  XIcon,
+  XShareButton,
 } from "react-share";
-import { Breadcrumb, BreadcrumbItem } from "reactstrap";
 
 import { Button } from "../Button/Button";
 import { Wrapper, EventInfoWrapper } from "./Article.styles";
@@ -119,7 +118,11 @@ export const Article = ({
         <div className="col col-lg-4 col-md-6 col-12">
           <h4>Share this event:</h4>
           <div className="article-social-media">
-            <FacebookShareButton url={articleUrl} quote={title}>
+            <FacebookShareButton
+              url={`${articleUrl}`}
+              title={title}
+              aria-label="Share via Facebook"
+            >
               <FacebookIcon
                 size={28}
                 borderRadius={4}
@@ -127,17 +130,25 @@ export const Article = ({
                 iconFillColor="white"
               />
             </FacebookShareButton>
-            {/* @ts-ignore */}
-            <TwitterShareButton url={articleUrl} quote={title}>
-              <TwitterIcon
+            <XShareButton
+              url={`${articleUrl}`}
+              title={title}
+              aria-label="Share via X (formerly Twitter)"
+            >
+              <XIcon
                 size={28}
                 borderRadius={4}
                 bgStyle={{ fill: "maroon" }}
                 iconFillColor="white"
               />
-            </TwitterShareButton>
-            {/* @ts-ignore */}
-            <EmailShareButton url={authorEmail} quote={title}>
+            </XShareButton>
+            <EmailShareButton
+              url={`${articleUrl}`}
+              title={title}
+              aria-label="Share via Email"
+              subject="Check out this article!"
+              body="I found this and thought you might find it interesting:"
+            >
               <EmailIcon
                 size={28}
                 borderRadius={4}
@@ -145,8 +156,11 @@ export const Article = ({
                 iconFillColor="white"
               />
             </EmailShareButton>
-            {/* @ts-ignore */}
-            <LinkedinShareButton url={articleUrl} quote={title}>
+            <LinkedinShareButton
+              url={`${articleUrl}`}
+              title={title}
+              aria-label="Share via LinkedIn"
+            >
               <LinkedinIcon
                 size={28}
                 borderRadius={4}
@@ -168,27 +182,40 @@ export const Article = ({
           Location:
         </h4>
         {}
-        <div dangerouslySetInnerHTML={sanitizeDangerousMarkup(eventLocation)} />
+        <div
+          dangerouslySetInnerHTML={sanitizeDangerousMarkup(`${eventLocation}`)}
+        />
         {registrationUrl && zoomUrl && <a href={zoomUrl}>Attend on Zoom</a>}
       </div>
     );
   };
 
+  /**
+   * @param {{title?: string, url?: string, active?: boolean}} item
+   * @returns {JSX.Element}
+   */
   const activeBreadcrumb = item => {
     return (
-      <BreadcrumbItem
+      <li
         key={item.title}
-        active={item.active}
-        tag="li"
         className="breadcrumb-item"
+        aria-current={item.active ? "page" : undefined}
       >
-        <BreadcrumbItem tag="a" href={item.url}>
-          {item.title}
-        </BreadcrumbItem>
-      </BreadcrumbItem>
+        {item.active ? (
+          <span>{item.title}</span>
+        ) : (
+          <a href={item.url}>{item.title}</a>
+        )}
+      </li>
     );
   };
-
+  if (!articleUrl) {
+    // eslint-disable-next-line no-console
+    console.warn(
+      "Warning: articleUrl prop is required for Article component for social media sharing to work properly."
+    );
+    articleUrl = articleUrl || "";
+  }
   return (
     <>
       {headerImageUrl && type !== "event" && (
@@ -209,9 +236,11 @@ export const Article = ({
         {breadcrumbs && (
           <div className="row pt-4" data-testid="breadcrumbs">
             <div className="col col-12">
-              <Breadcrumb listClassName="breadcrumb">
-                {breadcrumbs.map(item => activeBreadcrumb(item))}
-              </Breadcrumb>
+              <nav aria-label="breadcrumb">
+                <ol className="breadcrumb">
+                  {breadcrumbs.map(item => activeBreadcrumb(item))}
+                </ol>
+              </nav>
             </div>
           </div>
         )}
@@ -257,7 +286,7 @@ export const Article = ({
           <div className="row row-spaced pt-2">
             <div className="col col-12">
               <div className="article-social-media">
-                <FacebookShareButton url={articleUrl} quote={title}>
+                <FacebookShareButton url={articleUrl} title={title}>
                   <FacebookIcon
                     size={28}
                     borderRadius={4}
@@ -265,17 +294,15 @@ export const Article = ({
                     iconFillColor="white"
                   />
                 </FacebookShareButton>
-                {/* @ts-ignore */}
-                <TwitterShareButton url={articleUrl} quote={title}>
-                  <TwitterIcon
+                <XShareButton url={articleUrl} title={title}>
+                  <XIcon
                     size={28}
                     borderRadius={4}
                     bgStyle={{ fill: "maroon" }}
                     iconFillColor="white"
                   />
-                </TwitterShareButton>
-                {/* @ts-ignore */}
-                <LinkedinShareButton url={articleUrl} quote={title}>
+                </XShareButton>
+                <LinkedinShareButton url={articleUrl} title={title}>
                   <LinkedinIcon
                     size={28}
                     borderRadius={4}
@@ -294,7 +321,7 @@ export const Article = ({
         <div className="row">
           <div
             className="col col-12"
-            dangerouslySetInnerHTML={sanitizeDangerousMarkup(body)}
+            dangerouslySetInnerHTML={sanitizeDangerousMarkup(`${body}`)}
             data-testid="body"
           />
         </div>
diff --git a/yarn.lock b/yarn.lock
index 9e2c88d304..0beac42795 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -149,7 +149,6 @@ __metadata:
     postcss: "npm:^8.4.19"
     prop-types: "npm:^15.7.2"
     react-phone-input-2: "npm:2.15.1"
-    reactstrap: "npm:^9"
     semantic-release: "npm:^22"
     semantic-release-monorepo: "npm:^8.0.2"
     storybook: "npm:^10"
@@ -534,8 +533,7 @@ __metadata:
     react: "npm:^19.0.0"
     react-dom: "npm:^19.0.0"
     react-router-dom: "npm:>= 5.2.0 < 7"
-    react-share: "npm:^4.4.0"
-    reactstrap: "npm:^9"
+    react-share: "npm:^5.3"
     semantic-release: "npm:^22"
     storybook: "npm:^10"
     styled-components: "npm:^6.0.0"
@@ -1981,7 +1979,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.15.3, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2, @babel/runtime@npm:^7.9.6":
+"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.15.3, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.9.2, @babel/runtime@npm:^7.9.6":
   version: 7.29.2
   resolution: "@babel/runtime@npm:7.29.2"
   checksum: 10c0/30b80a0140d16467792e1bbeb06f655b0dab70407da38dfac7fedae9c859f9ae9d846ef14ad77bd3814c064295fe9b1bc551f1541ea14646ae9f22b71a8bc17a
@@ -5973,7 +5971,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@popperjs/core@npm:^2.6.0, @popperjs/core@npm:^2.9.2":
+"@popperjs/core@npm:^2.9.2":
   version: 2.11.8
   resolution: "@popperjs/core@npm:2.11.8"
   checksum: 10c0/4681e682abc006d25eb380d0cf3efc7557043f53b6aea7a5057d0d1e7df849a00e281cd8ea79c902a35a414d7919621fc2ba293ecec05f413598e0b23d5a1e63
@@ -11976,7 +11974,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"classnames@npm:^2.2.3, classnames@npm:^2.2.6, classnames@npm:^2.3.1, classnames@npm:^2.3.2":
+"classnames@npm:^2.2.6, classnames@npm:^2.3.1, classnames@npm:^2.3.2":
   version: 2.5.1
   resolution: "classnames@npm:2.5.1"
   checksum: 10c0/afff4f77e62cea2d79c39962980bf316bacb0d7c49e13a21adaadb9221e1c6b9d3cdb829d8bb1b23c406f4e740507f37e1dcf506f7e3b7113d17c5bab787aa69
@@ -13335,7 +13333,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:3.2.3, csstype@npm:^3.0.2, csstype@npm:^3.2.2":
+"csstype@npm:3.2.3, csstype@npm:^3.2.2":
   version: 3.2.3
   resolution: "csstype@npm:3.2.3"
   checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce
@@ -13933,16 +13931,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dom-helpers@npm:^5.0.1":
-  version: 5.2.1
-  resolution: "dom-helpers@npm:5.2.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.8.7"
-    csstype: "npm:^3.0.2"
-  checksum: 10c0/f735074d66dd759b36b158fa26e9d00c9388ee0e8c9b16af941c38f014a37fc80782de83afefd621681b19ac0501034b4f1c4a3bff5caa1b8667f0212b5e124c
-  languageName: node
-  linkType: hard
-
 "dom-serializer@npm:0":
   version: 0.2.2
   resolution: "dom-serializer@npm:0.2.2"
@@ -21698,7 +21686,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loose-envify@npm:^1.0.0, loose-envify@npm:^1.4.0":
+"loose-envify@npm:^1.4.0":
   version: 1.4.0
   resolution: "loose-envify@npm:1.4.0"
   dependencies:
@@ -25977,7 +25965,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.5.8, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -26291,13 +26279,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-fast-compare@npm:^3.0.1":
-  version: 3.2.2
-  resolution: "react-fast-compare@npm:3.2.2"
-  checksum: 10c0/0bbd2f3eb41ab2ff7380daaa55105db698d965c396df73e6874831dbafec8c4b5b08ba36ff09df01526caa3c61595247e3269558c284e37646241cba2b90a367
-  languageName: node
-  linkType: hard
-
 "react-is-18@npm:react-is@^18.3.1, react-is@npm:^18.0.0":
   version: 18.3.1
   resolution: "react-is@npm:18.3.1"
@@ -26360,20 +26341,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-popper@npm:^2.2.4":
-  version: 2.3.0
-  resolution: "react-popper@npm:2.3.0"
-  dependencies:
-    react-fast-compare: "npm:^3.0.1"
-    warning: "npm:^4.0.2"
-  peerDependencies:
-    "@popperjs/core": ^2.0.0
-    react: ^16.8.0 || ^17 || ^18
-    react-dom: ^16.8.0 || ^17 || ^18
-  checksum: 10c0/23f93540537ca4c035425bb8d5e51b11131fbc921d7ac1d041d0ae557feac8c877f3a012d36b94df8787803f52ed81e6df9257ac9e58719875f7805518d6db3f
-  languageName: node
-  linkType: hard
-
 "react-refresh@npm:^0.17.0":
   version: 0.17.0
   resolution: "react-refresh@npm:0.17.0"
@@ -26405,15 +26372,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-share@npm:^4.4.0":
-  version: 4.4.1
-  resolution: "react-share@npm:4.4.1"
+"react-share@npm:^5.3":
+  version: 5.3.0
+  resolution: "react-share@npm:5.3.0"
   dependencies:
     classnames: "npm:^2.3.2"
     jsonp: "npm:^0.2.1"
   peerDependencies:
-    react: ^16.3.0 || ^17 || ^18
-  checksum: 10c0/9670ab18c1b7711a3501c6c8fdf62c596d6ac23137760b5792ef85ce35b6c51f478ab515f148ba47f7a2583ee570fafb317848d4ffe3f9d23b4e02d308079deb
+    react: ^17 || ^18 || ^19
+  checksum: 10c0/0fb75c384dde13925c0a028eb7c33898a7d1b511aa9cf0089229eea429e336f20729bcb32edc7e5cd92179619af19dcfa0906e9200a812f054ec6cb65fb831d2
   languageName: node
   linkType: hard
 
@@ -26433,21 +26400,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-transition-group@npm:^4.4.2":
-  version: 4.4.5
-  resolution: "react-transition-group@npm:4.4.5"
-  dependencies:
-    "@babel/runtime": "npm:^7.5.5"
-    dom-helpers: "npm:^5.0.1"
-    loose-envify: "npm:^1.4.0"
-    prop-types: "npm:^15.6.2"
-  peerDependencies:
-    react: ">=16.6.0"
-    react-dom: ">=16.6.0"
-  checksum: 10c0/2ba754ba748faefa15f87c96dfa700d5525054a0141de8c75763aae6734af0740e77e11261a1e8f4ffc08fd9ab78510122e05c21c2d79066c38bb6861a886c82
-  languageName: node
-  linkType: hard
-
 "react@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0, react@npm:^19.0.0":
   version: 19.2.6
   resolution: "react@npm:19.2.6"
@@ -26455,23 +26407,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"reactstrap@npm:^9":
-  version: 9.2.3
-  resolution: "reactstrap@npm:9.2.3"
-  dependencies:
-    "@babel/runtime": "npm:^7.12.5"
-    "@popperjs/core": "npm:^2.6.0"
-    classnames: "npm:^2.2.3"
-    prop-types: "npm:^15.5.8"
-    react-popper: "npm:^2.2.4"
-    react-transition-group: "npm:^4.4.2"
-  peerDependencies:
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-  checksum: 10c0/b10a3be33612b9d1a779f9953327599edecea1ba97dfe15b52ce0b43c7fc684750ae0b18b5198525e22069df45d4ec1a37c48238969a006c34c037f79cbfc5a9
-  languageName: node
-  linkType: hard
-
 "read-cmd-shim@npm:3.0.0":
   version: 3.0.0
   resolution: "read-cmd-shim@npm:3.0.0"
@@ -31372,15 +31307,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"warning@npm:^4.0.2":
-  version: 4.0.3
-  resolution: "warning@npm:4.0.3"
-  dependencies:
-    loose-envify: "npm:^1.0.0"
-  checksum: 10c0/aebab445129f3e104c271f1637fa38e55eb25f968593e3825bd2f7a12bd58dc3738bb70dc8ec85826621d80b4acfed5a29ebc9da17397c6125864d72301b937e
-  languageName: node
-  linkType: hard
-
 "watchpack@npm:^2.5.1":
   version: 2.5.1
   resolution: "watchpack@npm:2.5.1"