diff --git a/src/addons/mod/lesson/services/lesson-helper.ts b/src/addons/mod/lesson/services/lesson-helper.ts
index 36094b797..7c7666792 100644
--- a/src/addons/mod/lesson/services/lesson-helper.ts
+++ b/src/addons/mod/lesson/services/lesson-helper.ts
@@ -469,7 +469,7 @@ export class AddonModLessonHelperProvider {
         let input = element.querySelector<HTMLInputElement>('input[type="checkbox"][name*="answer"]');
         if (input) {
             // Truefalse or multichoice.
-            const successBadge = element.querySelector<HTMLElement>('.badge.badge-success');
+            const successBadge = element.querySelector<HTMLElement>('.badge.bg-success, .badge.badge-success');
             const data: AddonModLessonCheckboxAnswerData = {
                 isCheckbox: true,
                 checked: !!input.checked,
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 93ce2a0bc..a0f0d9694 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -83,7 +83,8 @@ html[dir=rtl] {
 
 @each $color-name, $unused in $colors {
     .text-#{$color-name},
-    p.text-#{$color-name} {
+    p.text-#{$color-name},
+    .text-#{$color-name} p {
         color: var(--ion-color-#{$color-name}) !important;
     }
 }