diff --git a/package.json b/package.json
index 8e2bf89..848a175 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "✅ Do add `devDependencies` below that are `peerDependencies` in the CFL package."
   ],
   "dependencies": {
-    "codeforlife": "github:ocadotechnology/codeforlife-package-javascript#v2.3.8",
+    "codeforlife": "github:ocadotechnology/codeforlife-package-javascript#portal-frontend-6",
     "crypto-js": "^4.2.0"
   },
   "devDependencies": {
diff --git a/src/pages/homeLearning/Advanced.tsx b/src/pages/homeLearning/Advanced.tsx
index 786251f..96d5602 100644
--- a/src/pages/homeLearning/Advanced.tsx
+++ b/src/pages/homeLearning/Advanced.tsx
@@ -11,7 +11,7 @@ const Advanced: FC<AdvancedProps> = () => (
     banner={{
       difficulty: "Advanced",
       color: "White",
-      bgcolor: "primary.main",
+      bgcolor: "teacher.main",
     }}
     cardProps={{
       mediaProps: { title: "RR advanced image", image: RRAdvancedImage },
diff --git a/src/pages/homeLearning/Beginner.tsx b/src/pages/homeLearning/Beginner.tsx
index e14454e..91ca2f9 100644
--- a/src/pages/homeLearning/Beginner.tsx
+++ b/src/pages/homeLearning/Beginner.tsx
@@ -11,7 +11,7 @@ const Beginner: FC<BeginnerProps> = () => (
     banner={{
       difficulty: "Beginner",
       color: "White",
-      bgcolor: "tertiary.main",
+      bgcolor: "student.main",
     }}
     cardProps={{
       mediaProps: { title: "RR beginner image", image: RRBeginnerImage },
diff --git a/src/pages/homeLearning/Intermediate.tsx b/src/pages/homeLearning/Intermediate.tsx
index f03c21b..dc096a7 100644
--- a/src/pages/homeLearning/Intermediate.tsx
+++ b/src/pages/homeLearning/Intermediate.tsx
@@ -12,7 +12,7 @@ const Intermediate: FC<IntermediateProps> = () => (
     banner={{
       difficulty: "Intermediate",
       color: "Black",
-      bgcolor: "secondary.main",
+      bgcolor: "indy.main",
     }}
     cardProps={{
       mediaProps: {
diff --git a/yarn.lock b/yarn.lock
index bd97dfd..fddf441 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2699,9 +2699,9 @@ clsx@^2.1.0, clsx@^2.1.1:
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999"
   integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==
 
-"codeforlife@github:ocadotechnology/codeforlife-package-javascript#v2.3.8":
+"codeforlife@github:ocadotechnology/codeforlife-package-javascript#portal-frontend-6":
   version "2.3.8"
-  resolved "https://codeload.github.com/ocadotechnology/codeforlife-package-javascript/tar.gz/6729cfc43532038147710b7ba312367d5ffdc324"
+  resolved "https://codeload.github.com/ocadotechnology/codeforlife-package-javascript/tar.gz/76cb4d3a3ff498fc868635be88364c8ae275db57"
   dependencies:
     "@emotion/react" "^11.10.6"
     "@emotion/styled" "^11.10.6"