diff --git a/catalog-info.yaml b/catalog-info.yaml
index c8ce759..50bfd9f 100644
--- a/catalog-info.yaml
+++ b/catalog-info.yaml
@@ -3,7 +3,7 @@
 apiVersion: backstage.io/v1alpha1
 kind: Component
 metadata:
-  name: 'Profile'
+  name: 'frontend-app-profile'
   description: 'This is a micro-frontend application responsible for the display and updating of user profiles.'
   links:
     - url: 'https://github.com/openedx/frontend-app-profile/blob/master/README.rst'
@@ -21,4 +21,4 @@ spec:
   type: 'service'
   lifecycle: 'production'
   owner: 2U-aperture
-# (Optional) An array of different components or resources.
\ No newline at end of file
+# (Optional) An array of different components or resources.
diff --git a/package-lock.json b/package-lock.json
index 8071501..f286999 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,8 +10,8 @@
       "license": "AGPL-3.0",
       "dependencies": {
         "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
-        "@edx/frontend-component-footer": "12.6.1",
-        "@edx/frontend-component-header": "4.10.1",
+        "@edx/frontend-component-footer": "12.7.0",
+        "@edx/frontend-component-header": "4.11.0",
         "@edx/frontend-platform": "5.6.1",
         "@edx/paragon": "^20.44.0",
         "@fortawesome/fontawesome-svg-core": "1.2.36",
@@ -20,8 +20,8 @@
         "@fortawesome/free-solid-svg-icons": "5.15.4",
         "@fortawesome/react-fontawesome": "0.2.0",
         "@pact-foundation/pact": "^11.0.2",
-        "classnames": "2.3.2",
-        "core-js": "3.33.3",
+        "classnames": "2.5.1",
+        "core-js": "3.35.1",
         "history": "5.3.0",
         "lodash.camelcase": "4.3.0",
         "lodash.get": "4.4.2",
@@ -32,14 +32,14 @@
         "react-dom": "17.0.2",
         "react-helmet": "6.1.0",
         "react-redux": "7.2.9",
-        "react-router": "6.20.1",
-        "react-router-dom": "6.20.1",
+        "react-router": "6.21.3",
+        "react-router-dom": "6.21.3",
         "redux": "4.2.1",
         "redux-devtools-extension": "2.13.9",
         "redux-logger": "3.0.6",
-        "redux-saga": "1.2.3",
+        "redux-saga": "1.3.0",
         "redux-thunk": "2.4.2",
-        "regenerator-runtime": "0.14.0",
+        "regenerator-runtime": "0.14.1",
         "reselect": "4.1.8",
         "universal-cookie": "4.0.4"
       },
@@ -47,7 +47,7 @@
         "@commitlint/cli": "17.8.1",
         "@commitlint/config-angular": "17.8.1",
         "@edx/browserslist-config": "^1.1.1",
-        "@edx/frontend-build": "13.0.12",
+        "@edx/frontend-build": "13.0.14",
         "@edx/reactifex": "2.2.0",
         "@testing-library/jest-dom": "5.17.0",
         "@testing-library/react": "12.1.5",
@@ -2513,9 +2513,9 @@
       }
     },
     "node_modules/@edx/frontend-build": {
-      "version": "13.0.12",
-      "resolved": "https://registry.npmjs.org/@edx/frontend-build/-/frontend-build-13.0.12.tgz",
-      "integrity": "sha512-YrTTmo98YxN6HevY9KAUcssfCAFzHlSqwN+8y5fb3hWoCfBX5XapZdpjP3Uawet0/ESIxV6HFQLJ8N21xVXVsg==",
+      "version": "13.0.14",
+      "resolved": "https://registry.npmjs.org/@edx/frontend-build/-/frontend-build-13.0.14.tgz",
+      "integrity": "sha512-AR/2GvIecX4LxJT4QIoeeBbnUVjjpRnT2P6gaqO8zEeoAS9ugYRQmqvCCeKJnt7vGmEEcincKfWJQu5nfUGfdA==",
       "dependencies": {
         "@babel/cli": "7.22.5",
         "@babel/core": "7.22.5",
@@ -2583,9 +2583,9 @@
       }
     },
     "node_modules/@edx/frontend-component-footer": {
-      "version": "12.6.1",
-      "resolved": "https://registry.npmjs.org/@edx/frontend-component-footer/-/frontend-component-footer-12.6.1.tgz",
-      "integrity": "sha512-Wjqv1kJ3KaQTFmVVhU2mNuKRSnocNt2j7bDd8RxbZU/UfUM6LxOy1CGbkCAG0xtCnc/n5+1zHJJ/aDX0ak7viA==",
+      "version": "12.7.0",
+      "resolved": "https://registry.npmjs.org/@edx/frontend-component-footer/-/frontend-component-footer-12.7.0.tgz",
+      "integrity": "sha512-RPjCbtK9C0RUEBsWRbB29vbbwniinU/N3g8G3NiqhSlGfo90bKp87W9Cjbdum8ONJHJy3weJbUTU1xIBel4esQ==",
       "dependencies": {
         "@edx/paragon": "^21.3.1",
         "@fortawesome/fontawesome-svg-core": "6.5.1",
@@ -2752,15 +2752,15 @@
       }
     },
     "node_modules/@edx/frontend-component-header": {
-      "version": "4.10.1",
-      "resolved": "https://registry.npmjs.org/@edx/frontend-component-header/-/frontend-component-header-4.10.1.tgz",
-      "integrity": "sha512-bcQ+ebdy/lM2TfLVB+WhdWNsuc51cFVgt5UQuJcV5nw6ACYUkBVTLbGDT7J8797bsQe6Lywg7Cj9ykB+Dy78Kw==",
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/@edx/frontend-component-header/-/frontend-component-header-4.11.0.tgz",
+      "integrity": "sha512-CqOjSaesZHrnMcjBzDpqcIuQj13uDEPvlibTFz8EuGgKgnJhZToA0vCsyF0Vs7u4Fp5y34d/Z422badPIXrGfg==",
       "dependencies": {
         "@edx/paragon": "21.5.6",
-        "@fortawesome/fontawesome-svg-core": "6.4.2",
-        "@fortawesome/free-brands-svg-icons": "6.4.2",
-        "@fortawesome/free-regular-svg-icons": "6.4.2",
-        "@fortawesome/free-solid-svg-icons": "6.4.2",
+        "@fortawesome/fontawesome-svg-core": "6.5.1",
+        "@fortawesome/free-brands-svg-icons": "6.5.1",
+        "@fortawesome/free-regular-svg-icons": "6.5.1",
+        "@fortawesome/free-solid-svg-icons": "6.5.1",
         "@fortawesome/react-fontawesome": "^0.2.0",
         "axios-mock-adapter": "1.22.0",
         "babel-polyfill": "6.26.0",
@@ -2830,57 +2830,57 @@
       }
     },
     "node_modules/@edx/frontend-component-header/node_modules/@fortawesome/fontawesome-common-types": {
-      "version": "6.4.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz",
-      "integrity": "sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==",
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.1.tgz",
+      "integrity": "sha512-GkWzv+L6d2bI5f/Vk6ikJ9xtl7dfXtoRu3YGE6nq0p/FFqA1ebMOAWg3XgRyb0I6LYyYkiAo+3/KrwuBp8xG7A==",
       "hasInstallScript": true,
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@edx/frontend-component-header/node_modules/@fortawesome/fontawesome-svg-core": {
-      "version": "6.4.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz",
-      "integrity": "sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==",
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.5.1.tgz",
+      "integrity": "sha512-MfRCYlQPXoLlpem+egxjfkEuP9UQswTrlCOsknus/NcMoblTH2g0jPrapbcIb04KGA7E2GZxbAccGZfWoYgsrQ==",
       "hasInstallScript": true,
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.4.2"
+        "@fortawesome/fontawesome-common-types": "6.5.1"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@edx/frontend-component-header/node_modules/@fortawesome/free-brands-svg-icons": {
-      "version": "6.4.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.4.2.tgz",
-      "integrity": "sha512-LKOwJX0I7+mR/cvvf6qIiqcERbdnY+24zgpUSouySml+5w8B4BJOx8EhDR/FTKAu06W12fmUIcv6lzPSwYKGGg==",
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.5.1.tgz",
+      "integrity": "sha512-093l7DAkx0aEtBq66Sf19MgoZewv1zeY9/4C7vSKPO4qMwEsW/2VYTUTpBtLwfb9T2R73tXaRDPmE4UqLCYHfg==",
       "hasInstallScript": true,
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.4.2"
+        "@fortawesome/fontawesome-common-types": "6.5.1"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@edx/frontend-component-header/node_modules/@fortawesome/free-regular-svg-icons": {
-      "version": "6.4.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.4.2.tgz",
-      "integrity": "sha512-0+sIUWnkgTVVXVAPQmW4vxb9ZTHv0WstOa3rBx9iPxrrrDH6bNLsDYuwXF9b6fGm+iR7DKQvQshUH/FJm3ed9Q==",
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.5.1.tgz",
+      "integrity": "sha512-m6ShXn+wvqEU69wSP84coxLbNl7sGVZb+Ca+XZq6k30SzuP3X4TfPqtycgUh9ASwlNh5OfQCd8pDIWxl+O+LlQ==",
       "hasInstallScript": true,
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.4.2"
+        "@fortawesome/fontawesome-common-types": "6.5.1"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@edx/frontend-component-header/node_modules/@fortawesome/free-solid-svg-icons": {
-      "version": "6.4.2",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.4.2.tgz",
-      "integrity": "sha512-sYwXurXUEQS32fZz9hVCUUv/xu49PEJEyUOsA51l6PU/qVgfbTb2glsTEaJngVVT8VqBATRIdh7XVgV1JF1LkA==",
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.5.1.tgz",
+      "integrity": "sha512-S1PPfU3mIJa59biTtXJz1oI0+KAXW6bkAb31XKhxdxtuXDiUIFsih4JR1v5BbxY7hVHsD1RKq+jRkVRaf773NQ==",
       "hasInstallScript": true,
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "6.4.2"
+        "@fortawesome/fontawesome-common-types": "6.5.1"
       },
       "engines": {
         "node": ">=6"
@@ -5455,9 +5455,9 @@
       }
     },
     "node_modules/@redux-saga/core": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@redux-saga/core/-/core-1.2.3.tgz",
-      "integrity": "sha512-U1JO6ncFBAklFTwoQ3mjAeQZ6QGutsJzwNBjgVLSWDpZTRhobUzuVDS1qH3SKGJD8fvqoaYOjp6XJ3gCmeZWgA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@redux-saga/core/-/core-1.3.0.tgz",
+      "integrity": "sha512-L+i+qIGuyWn7CIg7k1MteHGfttKPmxwZR5E7OsGikCL2LzYA0RERlaUY00Y3P3ZV2EYgrsYlBrGs6cJP5OKKqA==",
       "dependencies": {
         "@babel/runtime": "^7.6.3",
         "@redux-saga/deferred": "^1.2.1",
@@ -5465,7 +5465,6 @@
         "@redux-saga/is": "^1.1.3",
         "@redux-saga/symbols": "^1.1.3",
         "@redux-saga/types": "^1.2.1",
-        "redux": "^4.0.4",
         "typescript-tuple": "^2.2.1"
       },
       "funding": {
@@ -5506,9 +5505,9 @@
       "integrity": "sha512-1dgmkh+3so0+LlBWRhGA33ua4MYr7tUOj+a9Si28vUi0IUFNbff1T3sgpeDJI/LaC75bBYnQ0A3wXjn0OrRNBA=="
     },
     "node_modules/@remix-run/router": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.13.1.tgz",
-      "integrity": "sha512-so+DHzZKsoOcoXrILB4rqDkMDy7NLMErRdOxvzvOKb507YINKUP4Di+shbTZDhSE/pBZ+vr7XGIpcOO0VLSA+Q==",
+      "version": "1.14.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.14.2.tgz",
+      "integrity": "sha512-ACXpdMM9hmKZww21yEqWwiLws/UPLhNKvimN8RrYSqPSvB3ov7sLvAcfvaxePeLvccTQKGdkDIhLYApZVDFuKg==",
       "engines": {
         "node": ">=14.0.0"
       }
@@ -7906,9 +7905,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001568",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001568.tgz",
-      "integrity": "sha512-vSUkH84HontZJ88MiNrOau1EBrCqEQYgkC5gIySiDlpsm8sGVrhU7Kx4V6h0tnqaHzIHZv08HlJIwPbL4XL9+A==",
+      "version": "1.0.30001576",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001576.tgz",
+      "integrity": "sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==",
       "funding": [
         {
           "type": "opencollective",
@@ -8126,9 +8125,9 @@
       }
     },
     "node_modules/classnames": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
-      "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
     },
     "node_modules/clean-css": {
       "version": "5.3.2",
@@ -8500,9 +8499,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.33.3",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.33.3.tgz",
-      "integrity": "sha512-lo0kOocUlLKmm6kv/FswQL8zbkH7mVsLJ/FULClOhv8WRVmKLVcs6XPNQAzstfeJTCHMyButEwG+z1kHxHoDZw==",
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.35.1.tgz",
+      "integrity": "sha512-IgdsbxNyMskrTFxa9lWHyMwAJU5gXOPP+1yO+K59d50VLVAIDAbs7gIv705KzALModfK3ZrSZTPNpC0PQgIZuw==",
       "hasInstallScript": true,
       "funding": {
         "type": "opencollective",
@@ -18263,11 +18262,11 @@
       }
     },
     "node_modules/react-router": {
-      "version": "6.20.1",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.20.1.tgz",
-      "integrity": "sha512-ccvLrB4QeT5DlaxSFFYi/KR8UMQ4fcD8zBcR71Zp1kaYTC5oJKYAp1cbavzGrogwxca+ubjkd7XjFZKBW8CxPA==",
+      "version": "6.21.3",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.21.3.tgz",
+      "integrity": "sha512-a0H638ZXULv1OdkmiK6s6itNhoy33ywxmUFT/xtSoVyf9VnC7n7+VT4LjVzdIHSaF5TIh9ylUgxMXksHTgGrKg==",
       "dependencies": {
-        "@remix-run/router": "1.13.1"
+        "@remix-run/router": "1.14.2"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -18277,12 +18276,12 @@
       }
     },
     "node_modules/react-router-dom": {
-      "version": "6.20.1",
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.20.1.tgz",
-      "integrity": "sha512-npzfPWcxfQN35psS7rJgi/EW0Gx6EsNjfdJSAk73U/HqMEJZ2k/8puxfwHFgDQhBGmS3+sjnGbMdMSV45axPQw==",
+      "version": "6.21.3",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.21.3.tgz",
+      "integrity": "sha512-kNzubk7n4YHSrErzjLK72j0B5i969GsuCGazRl3G6j1zqZBLjuSlYBdVdkDOgzGdPIffUOc9nmgiadTEVoq91g==",
       "dependencies": {
-        "@remix-run/router": "1.13.1",
-        "react-router": "6.20.1"
+        "@remix-run/router": "1.14.2",
+        "react-router": "6.21.3"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -18578,11 +18577,11 @@
       }
     },
     "node_modules/redux-saga": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/redux-saga/-/redux-saga-1.2.3.tgz",
-      "integrity": "sha512-HDe0wTR5nhd8Xr5xjGzoyTbdAw6rjy1GDplFt3JKtKN8/MnkQSRqK/n6aQQhpw5NI4ekDVOaW+w4sdxPBaCoTQ==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/redux-saga/-/redux-saga-1.3.0.tgz",
+      "integrity": "sha512-J9RvCeAZXSTAibFY0kGw6Iy4EdyDNW7k6Q+liwX+bsck7QVsU78zz8vpBRweEfANxnnlG/xGGeOvf6r8UXzNJQ==",
       "dependencies": {
-        "@redux-saga/core": "^1.2.3"
+        "@redux-saga/core": "^1.3.0"
       }
     },
     "node_modules/redux-thunk": {
@@ -18610,9 +18609,9 @@
       }
     },
     "node_modules/regenerator-runtime": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
-      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "node_modules/regenerator-transform": {
       "version": "0.15.1",
diff --git a/package.json b/package.json
index 7a2401b..818d41d 100644
--- a/package.json
+++ b/package.json
@@ -29,8 +29,8 @@
   ],
   "dependencies": {
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
-    "@edx/frontend-component-footer": "12.6.1",
-    "@edx/frontend-component-header": "4.10.1",
+    "@edx/frontend-component-footer": "12.7.0",
+    "@edx/frontend-component-header": "4.11.0",
     "@edx/frontend-platform": "5.6.1",
     "@edx/paragon": "^20.44.0",
     "@fortawesome/fontawesome-svg-core": "1.2.36",
@@ -39,8 +39,8 @@
     "@fortawesome/free-solid-svg-icons": "5.15.4",
     "@fortawesome/react-fontawesome": "0.2.0",
     "@pact-foundation/pact": "^11.0.2",
-    "classnames": "2.3.2",
-    "core-js": "3.33.3",
+    "classnames": "2.5.1",
+    "core-js": "3.35.1",
     "history": "5.3.0",
     "lodash.camelcase": "4.3.0",
     "lodash.get": "4.4.2",
@@ -51,14 +51,14 @@
     "react-dom": "17.0.2",
     "react-helmet": "6.1.0",
     "react-redux": "7.2.9",
-    "react-router": "6.20.1",
-    "react-router-dom": "6.20.1",
+    "react-router": "6.21.3",
+    "react-router-dom": "6.21.3",
     "redux": "4.2.1",
     "redux-devtools-extension": "2.13.9",
     "redux-logger": "3.0.6",
-    "redux-saga": "1.2.3",
+    "redux-saga": "1.3.0",
     "redux-thunk": "2.4.2",
-    "regenerator-runtime": "0.14.0",
+    "regenerator-runtime": "0.14.1",
     "reselect": "4.1.8",
     "universal-cookie": "4.0.4"
   },
@@ -66,7 +66,7 @@
     "@commitlint/cli": "17.8.1",
     "@commitlint/config-angular": "17.8.1",
     "@edx/browserslist-config": "^1.1.1",
-    "@edx/frontend-build": "13.0.12",
+    "@edx/frontend-build": "13.0.14",
     "@edx/reactifex": "2.2.0",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "12.1.5",
diff --git a/src/profile/Banner.jsx b/src/profile/Banner.jsx
index b4e6830..de8ff9d 100644
--- a/src/profile/Banner.jsx
+++ b/src/profile/Banner.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
 
-const Banner = () => <div className="profile-page-bg-banner bg-primary d-none d-md-block p-relative" />;
+const Banner = () => <div className="profile-page-bg-banner bg-primary d-md-block p-relative" />;
 
 export default Banner;
diff --git a/src/profile/__snapshots__/ProfilePage.test.jsx.snap b/src/profile/__snapshots__/ProfilePage.test.jsx.snap
index 137873f..fc4bb65 100644
--- a/src/profile/__snapshots__/ProfilePage.test.jsx.snap
+++ b/src/profile/__snapshots__/ProfilePage.test.jsx.snap
@@ -6,7 +6,7 @@ exports[`<ProfilePage /> Renders correctly in various states app loading 1`] = `
     class="profile-page"
   >
     <div
-      class="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
     />
     <div>
       <div
@@ -35,7 +35,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
     class="profile-page"
   >
     <div
-      class="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
     />
     <div
       class="container-fluid"
@@ -2133,7 +2133,7 @@ exports[`<ProfilePage /> Renders correctly in various states test country edit w
                 class="row align-items-stretch"
               >
                 <div
-                  class="col col-sm-6 d-flex align-items-stretch"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
                     class="card mb-4 certificate flex-grow-1"
@@ -2237,7 +2237,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
     class="profile-page"
   >
     <div
-      class="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
     />
     <div
       class="container-fluid"
@@ -3129,7 +3129,7 @@ exports[`<ProfilePage /> Renders correctly in various states test education edit
                 class="row align-items-stretch"
               >
                 <div
-                  class="col col-sm-6 d-flex align-items-stretch"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
                     class="card mb-4 certificate flex-grow-1"
@@ -3233,7 +3233,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
     class="profile-page"
   >
     <div
-      class="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
     />
     <div
       class="container-fluid"
@@ -5000,7 +5000,7 @@ exports[`<ProfilePage /> Renders correctly in various states test preferreded la
                 class="row align-items-stretch"
               >
                 <div
-                  class="col col-sm-6 d-flex align-items-stretch"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
                     class="card mb-4 certificate flex-grow-1"
@@ -5104,7 +5104,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing other profi
     class="profile-page"
   >
     <div
-      class="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
     />
     <div
       class="container-fluid"
@@ -5507,7 +5507,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
     class="profile-page"
   >
     <div
-      class="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
     />
     <div
       class="container-fluid"
@@ -6277,7 +6277,7 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
                 class="row align-items-stretch"
               >
                 <div
-                  class="col col-sm-6 d-flex align-items-stretch"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
                     class="card mb-4 certificate flex-grow-1"
@@ -6381,7 +6381,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
     class="profile-page"
   >
     <div
-      class="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
     />
     <div
       class="container-fluid"
@@ -7215,7 +7215,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                 class="row align-items-stretch"
               >
                 <div
-                  class="col col-sm-6 d-flex align-items-stretch"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
                     class="card mb-4 certificate flex-grow-1"
@@ -7319,7 +7319,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
     class="profile-page"
   >
     <div
-      class="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
     />
     <div
       class="container-fluid"
@@ -8161,7 +8161,7 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                 class="row align-items-stretch"
               >
                 <div
-                  class="col col-sm-6 d-flex align-items-stretch"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
                     class="card mb-4 certificate flex-grow-1"
@@ -8265,7 +8265,7 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
     class="profile-page"
   >
     <div
-      class="profile-page-bg-banner bg-primary d-none d-md-block p-relative"
+      class="profile-page-bg-banner bg-primary d-md-block p-relative"
     />
     <div
       class="container-fluid"
@@ -8957,7 +8957,7 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
                 class="row align-items-stretch"
               >
                 <div
-                  class="col col-sm-6 d-flex align-items-stretch"
+                  class="col-12 col-sm-6 d-flex align-items-stretch"
                 >
                   <div
                     class="card mb-4 certificate flex-grow-1"
diff --git a/src/profile/forms/Certificates.jsx b/src/profile/forms/Certificates.jsx
index f3294ed..6589972 100644
--- a/src/profile/forms/Certificates.jsx
+++ b/src/profile/forms/Certificates.jsx
@@ -68,7 +68,7 @@ class Certificates extends React.Component {
     })();
 
     return (
-      <div key={`${modifiedDate}-${courseId}`} className="col col-sm-6 d-flex align-items-stretch">
+      <div key={`${modifiedDate}-${courseId}`} className="col-12 col-sm-6 d-flex align-items-stretch">
         <div className="card mb-4 certificate flex-grow-1">
           <div
             className="certificate-type-illustration"