diff --git a/package-lock.json b/package-lock.json
index 66e817f5..65c97f72 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,11 +9,11 @@
       "version": "1.0.0-semantically-released",
       "license": "AGPL-3.0",
       "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "1.2.25",
-        "@fortawesome/free-brands-svg-icons": "5.11.2",
-        "@fortawesome/free-regular-svg-icons": "5.11.2",
-        "@fortawesome/free-solid-svg-icons": "5.11.2",
-        "@fortawesome/react-fontawesome": "0.1.5"
+        "@fortawesome/fontawesome-svg-core": "1.2.36",
+        "@fortawesome/free-brands-svg-icons": "5.15.4",
+        "@fortawesome/free-regular-svg-icons": "5.15.4",
+        "@fortawesome/free-solid-svg-icons": "5.15.4",
+        "@fortawesome/react-fontawesome": "0.2.0"
       },
       "devDependencies": {
         "@edx/brand": "npm:@edx/brand-edx.org@2.0.6",
@@ -36,9 +36,10 @@
       },
       "peerDependencies": {
         "@edx/frontend-platform": "^2.4.0",
+        "@edx/paragon": "^19.9.0 || ^20.0.0",
         "prop-types": "^15.7.0",
-        "react": "^16.9.0",
-        "react-dom": "^16.9.0"
+        "react": "^16.9.0 || ^17.0.0",
+        "react-dom": "^16.9.0 || ^17.0.0"
       }
     },
     "node_modules/@babel/cli": {
@@ -2167,19 +2168,6 @@
         "react-dom": "^16.8.6 || ^17.0.0"
       }
     },
-    "node_modules/@edx/paragon/node_modules/@fortawesome/fontawesome-svg-core": {
-      "version": "1.2.36",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.36.tgz",
-      "integrity": "sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "@fortawesome/fontawesome-common-types": "^0.2.36"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/@edx/paragon/node_modules/@fortawesome/react-fontawesome": {
       "version": "0.1.19",
       "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.19.tgz",
@@ -2477,59 +2465,63 @@
       }
     },
     "node_modules/@fortawesome/fontawesome-svg-core": {
-      "version": "1.2.25",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.25.tgz",
-      "integrity": "sha512-MotKnn53JKqbkLQiwcZSBJVYtTgIKFbh7B8+kd05TSnfKYPFmjKKI59o2fpz5t0Hzl35vVGU6+N4twoOpZUrqA==",
+      "version": "1.2.36",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.36.tgz",
+      "integrity": "sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==",
+      "hasInstallScript": true,
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "^0.2.25"
+        "@fortawesome/fontawesome-common-types": "^0.2.36"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/free-brands-svg-icons": {
-      "version": "5.11.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-5.11.2.tgz",
-      "integrity": "sha512-wKK5znpHiZ2S0VgOvbeAnYuzkk3H86rxWajD9PVpfBj3s/kySEWTFKh/uLPyxiTOx8Tsd0OGN4En/s9XudVHLQ==",
+      "version": "5.15.4",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-5.15.4.tgz",
+      "integrity": "sha512-f1witbwycL9cTENJegcmcZRYyawAFbm8+c6IirLmwbbpqz46wyjbQYLuxOc7weXFXfB7QR8/Vd2u5R3q6JYD9g==",
+      "hasInstallScript": true,
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "^0.2.25"
+        "@fortawesome/fontawesome-common-types": "^0.2.36"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/free-regular-svg-icons": {
-      "version": "5.11.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-5.11.2.tgz",
-      "integrity": "sha512-k0vbThRv9AvnXYBWi1gn1rFW4X7co/aFkbm0ZNmAR5PoWb9vY9EDDDobg8Ay4ISaXtCPypvJ0W1FWkSpLQwZ6w==",
+      "version": "5.15.4",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-5.15.4.tgz",
+      "integrity": "sha512-9VNNnU3CXHy9XednJ3wzQp6SwNwT3XaM26oS4Rp391GsxVYA+0oDR2J194YCIWf7jNRCYKjUCOduxdceLrx+xw==",
+      "hasInstallScript": true,
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "^0.2.25"
+        "@fortawesome/fontawesome-common-types": "^0.2.36"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/free-solid-svg-icons": {
-      "version": "5.11.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.11.2.tgz",
-      "integrity": "sha512-zBue4i0PAZJUXOmLBBvM7L0O7wmsDC8dFv9IhpW5QL4kT9xhhVUsYg/LX1+5KaukWq4/cbDcKT+RT1aRe543sg==",
+      "version": "5.15.4",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.15.4.tgz",
+      "integrity": "sha512-JLmQfz6tdtwxoihXLg6lT78BorrFyCf59SAwBM6qV/0zXyVeDygJVb3fk+j5Qat+Yvcxp1buLTY5iDh1ZSAQ8w==",
+      "hasInstallScript": true,
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "^0.2.25"
+        "@fortawesome/fontawesome-common-types": "^0.2.36"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/react-fontawesome": {
-      "version": "0.1.5",
-      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.5.tgz",
-      "integrity": "sha512-WYDKTgyAWOncujWhhzhW7k8sgO5Eo2pZTUL51yNzSQNBUwwr6rNKg/JUSE3iebaU1XShHw74aKc1kJ+jvtRNew==",
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz",
+      "integrity": "sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==",
       "dependencies": {
-        "prop-types": "^15.5.10"
+        "prop-types": "^15.8.1"
       },
       "peerDependencies": {
-        "@fortawesome/fontawesome-svg-core": "^1.2.20",
-        "react": "16.x"
+        "@fortawesome/fontawesome-svg-core": "~1 || ~6",
+        "react": ">=16.3"
       }
     },
     "node_modules/@istanbuljs/load-nyc-config": {
@@ -24766,15 +24758,6 @@
         "uncontrollable": "^7.2.1"
       },
       "dependencies": {
-        "@fortawesome/fontawesome-svg-core": {
-          "version": "1.2.36",
-          "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.36.tgz",
-          "integrity": "sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==",
-          "dev": true,
-          "requires": {
-            "@fortawesome/fontawesome-common-types": "^0.2.36"
-          }
-        },
         "@fortawesome/react-fontawesome": {
           "version": "0.1.19",
           "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.19.tgz",
@@ -25060,43 +25043,43 @@
       "integrity": "sha512-a/7BiSgobHAgBWeN7N0w+lAhInrGxksn13uK7231n2m8EDPE3BMCl9NZLTGrj9ZXfCmC6LM0QLqXidIizVQ6yg=="
     },
     "@fortawesome/fontawesome-svg-core": {
-      "version": "1.2.25",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.25.tgz",
-      "integrity": "sha512-MotKnn53JKqbkLQiwcZSBJVYtTgIKFbh7B8+kd05TSnfKYPFmjKKI59o2fpz5t0Hzl35vVGU6+N4twoOpZUrqA==",
+      "version": "1.2.36",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.36.tgz",
+      "integrity": "sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==",
       "requires": {
-        "@fortawesome/fontawesome-common-types": "^0.2.25"
+        "@fortawesome/fontawesome-common-types": "^0.2.36"
       }
     },
     "@fortawesome/free-brands-svg-icons": {
-      "version": "5.11.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-5.11.2.tgz",
-      "integrity": "sha512-wKK5znpHiZ2S0VgOvbeAnYuzkk3H86rxWajD9PVpfBj3s/kySEWTFKh/uLPyxiTOx8Tsd0OGN4En/s9XudVHLQ==",
+      "version": "5.15.4",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-5.15.4.tgz",
+      "integrity": "sha512-f1witbwycL9cTENJegcmcZRYyawAFbm8+c6IirLmwbbpqz46wyjbQYLuxOc7weXFXfB7QR8/Vd2u5R3q6JYD9g==",
       "requires": {
-        "@fortawesome/fontawesome-common-types": "^0.2.25"
+        "@fortawesome/fontawesome-common-types": "^0.2.36"
       }
     },
     "@fortawesome/free-regular-svg-icons": {
-      "version": "5.11.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-5.11.2.tgz",
-      "integrity": "sha512-k0vbThRv9AvnXYBWi1gn1rFW4X7co/aFkbm0ZNmAR5PoWb9vY9EDDDobg8Ay4ISaXtCPypvJ0W1FWkSpLQwZ6w==",
+      "version": "5.15.4",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-5.15.4.tgz",
+      "integrity": "sha512-9VNNnU3CXHy9XednJ3wzQp6SwNwT3XaM26oS4Rp391GsxVYA+0oDR2J194YCIWf7jNRCYKjUCOduxdceLrx+xw==",
       "requires": {
-        "@fortawesome/fontawesome-common-types": "^0.2.25"
+        "@fortawesome/fontawesome-common-types": "^0.2.36"
       }
     },
     "@fortawesome/free-solid-svg-icons": {
-      "version": "5.11.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.11.2.tgz",
-      "integrity": "sha512-zBue4i0PAZJUXOmLBBvM7L0O7wmsDC8dFv9IhpW5QL4kT9xhhVUsYg/LX1+5KaukWq4/cbDcKT+RT1aRe543sg==",
+      "version": "5.15.4",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.15.4.tgz",
+      "integrity": "sha512-JLmQfz6tdtwxoihXLg6lT78BorrFyCf59SAwBM6qV/0zXyVeDygJVb3fk+j5Qat+Yvcxp1buLTY5iDh1ZSAQ8w==",
       "requires": {
-        "@fortawesome/fontawesome-common-types": "^0.2.25"
+        "@fortawesome/fontawesome-common-types": "^0.2.36"
       }
     },
     "@fortawesome/react-fontawesome": {
-      "version": "0.1.5",
-      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.5.tgz",
-      "integrity": "sha512-WYDKTgyAWOncujWhhzhW7k8sgO5Eo2pZTUL51yNzSQNBUwwr6rNKg/JUSE3iebaU1XShHw74aKc1kJ+jvtRNew==",
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz",
+      "integrity": "sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==",
       "requires": {
-        "prop-types": "^15.5.10"
+        "prop-types": "^15.8.1"
       }
     },
     "@istanbuljs/load-nyc-config": {
diff --git a/package.json b/package.json
index db3a6262..e612ccf4 100644
--- a/package.json
+++ b/package.json
@@ -52,11 +52,11 @@
     "redux": "4.2.0"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "1.2.25",
-    "@fortawesome/free-brands-svg-icons": "5.11.2",
-    "@fortawesome/free-regular-svg-icons": "5.11.2",
-    "@fortawesome/free-solid-svg-icons": "5.11.2",
-    "@fortawesome/react-fontawesome": "0.1.5"
+    "@fortawesome/fontawesome-svg-core": "1.2.36",
+    "@fortawesome/free-brands-svg-icons": "5.15.4",
+    "@fortawesome/free-regular-svg-icons": "5.15.4",
+    "@fortawesome/free-solid-svg-icons": "5.15.4",
+    "@fortawesome/react-fontawesome": "0.2.0"
   },
   "peerDependencies": {
     "@edx/frontend-platform": "^2.4.0",
diff --git a/src/components/__snapshots__/Footer.test.jsx.snap b/src/components/__snapshots__/Footer.test.jsx.snap
index 192ea0e8..55307d21 100644
--- a/src/components/__snapshots__/Footer.test.jsx.snap
+++ b/src/components/__snapshots__/Footer.test.jsx.snap
@@ -39,7 +39,7 @@ exports[`<Footer /> renders correctly renders with a language selector 1`] = `
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-language fa-w-20 fa-2x fa-rotate-null fa-pull-null text-primary"
+              className="svg-inline--fa fa-language fa-w-20 fa-2x text-primary"
               data-icon="language"
               data-prefix="fas"
               focusable="false"
@@ -247,7 +247,7 @@ exports[`<Footer /> renders correctly renders with a language selector 1`] = `
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-facebook-square fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-facebook-square fa-w-14 fa-2x social-icon"
               data-icon="facebook-square"
               data-prefix="fab"
               focusable="false"
@@ -279,7 +279,7 @@ exports[`<Footer /> renders correctly renders with a language selector 1`] = `
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-twitter-square fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-twitter-square fa-w-14 fa-2x social-icon"
               data-icon="twitter-square"
               data-prefix="fab"
               focusable="false"
@@ -311,7 +311,7 @@ exports[`<Footer /> renders correctly renders with a language selector 1`] = `
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-linkedin fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-linkedin fa-w-14 fa-2x social-icon"
               data-icon="linkedin"
               data-prefix="fab"
               focusable="false"
@@ -343,7 +343,7 @@ exports[`<Footer /> renders correctly renders with a language selector 1`] = `
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-instagram fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-instagram fa-w-14 fa-2x social-icon"
               data-icon="instagram"
               data-prefix="fab"
               focusable="false"
@@ -375,7 +375,7 @@ exports[`<Footer /> renders correctly renders with a language selector 1`] = `
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-reddit-square fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-reddit-square fa-w-14 fa-2x social-icon"
               data-icon="reddit-square"
               data-prefix="fab"
               focusable="false"
@@ -640,7 +640,7 @@ exports[`<Footer /> renders correctly renders without a language selector 1`] =
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-facebook-square fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-facebook-square fa-w-14 fa-2x social-icon"
               data-icon="facebook-square"
               data-prefix="fab"
               focusable="false"
@@ -672,7 +672,7 @@ exports[`<Footer /> renders correctly renders without a language selector 1`] =
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-twitter-square fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-twitter-square fa-w-14 fa-2x social-icon"
               data-icon="twitter-square"
               data-prefix="fab"
               focusable="false"
@@ -704,7 +704,7 @@ exports[`<Footer /> renders correctly renders without a language selector 1`] =
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-linkedin fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-linkedin fa-w-14 fa-2x social-icon"
               data-icon="linkedin"
               data-prefix="fab"
               focusable="false"
@@ -736,7 +736,7 @@ exports[`<Footer /> renders correctly renders without a language selector 1`] =
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-instagram fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-instagram fa-w-14 fa-2x social-icon"
               data-icon="instagram"
               data-prefix="fab"
               focusable="false"
@@ -768,7 +768,7 @@ exports[`<Footer /> renders correctly renders without a language selector 1`] =
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-reddit-square fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-reddit-square fa-w-14 fa-2x social-icon"
               data-icon="reddit-square"
               data-prefix="fab"
               focusable="false"
@@ -991,7 +991,7 @@ exports[`<Footer /> renders correctly renders without a language selector in es
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-facebook-square fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-facebook-square fa-w-14 fa-2x social-icon"
               data-icon="facebook-square"
               data-prefix="fab"
               focusable="false"
@@ -1023,7 +1023,7 @@ exports[`<Footer /> renders correctly renders without a language selector in es
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-twitter-square fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-twitter-square fa-w-14 fa-2x social-icon"
               data-icon="twitter-square"
               data-prefix="fab"
               focusable="false"
@@ -1055,7 +1055,7 @@ exports[`<Footer /> renders correctly renders without a language selector in es
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-linkedin fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-linkedin fa-w-14 fa-2x social-icon"
               data-icon="linkedin"
               data-prefix="fab"
               focusable="false"
@@ -1087,7 +1087,7 @@ exports[`<Footer /> renders correctly renders without a language selector in es
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-instagram fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-instagram fa-w-14 fa-2x social-icon"
               data-icon="instagram"
               data-prefix="fab"
               focusable="false"
@@ -1119,7 +1119,7 @@ exports[`<Footer /> renders correctly renders without a language selector in es
           >
             <svg
               aria-hidden="true"
-              className="svg-inline--fa fa-reddit-square fa-w-14 fa-2x fa-rotate-null fa-pull-null social-icon"
+              className="svg-inline--fa fa-reddit-square fa-w-14 fa-2x social-icon"
               data-icon="reddit-square"
               data-prefix="fab"
               focusable="false"