diff --git a/src/core/features/course/components/module/module.scss b/src/core/features/course/components/module/module.scss
index c19989d51f1..3e96dbc1f89 100644
--- a/src/core/features/course/components/module/module.scss
+++ b/src/core/features/course/components/module/module.scss
@@ -196,3 +196,12 @@
         display: none;
     }
 }
+
+
+:host-context(html.dark) {
+    .activity-description-availabilityinfo {
+        .core-module-availabilityinfo {
+            background: var(--gray-800);
+        }
+    }
+}
diff --git a/src/theme/theme.dark.scss b/src/theme/theme.dark.scss
index ac393c72397..c4d0def6c1a 100644
--- a/src/theme/theme.dark.scss
+++ b/src/theme/theme.dark.scss
@@ -77,6 +77,13 @@ html.dark {
         }
     }
 
+    ion-popover,
+    ion-popover ion-content {
+        --background: var(--gray-800);
+        --ion-item-background: var(--background);
+        --ion-background-color: var(--background);
+    }
+
     --core-link-color: var(--info-tint);
 
     --core-header-toolbar-background:   var(--gray-900);