diff --git a/web/src/authentik.css b/web/src/authentik.css
index bb409f2f1..312af5a08 100644
--- a/web/src/authentik.css
+++ b/web/src/authentik.css
@@ -139,6 +139,7 @@ body {
     /* Card */
     .pf-c-card {
         --pf-c-card--BackgroundColor: var(--ak-dark-background-light);
+        color: var(--ak-dark-foreground);
     }
     .pf-c-card__title,
     .pf-c-card__body {
diff --git a/web/src/pages/events/EventInfoPage.ts b/web/src/pages/events/EventInfoPage.ts
index 069e5ef3f..51d14904a 100644
--- a/web/src/pages/events/EventInfoPage.ts
+++ b/web/src/pages/events/EventInfoPage.ts
@@ -1,5 +1,5 @@
 import { t } from "@lingui/macro";
-import { css, CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
 import { EventsApi } from "authentik-api";
 import { DEFAULT_CONFIG } from "../../api/Config";
 import { EventWithContext } from "../../api/Events";
@@ -27,11 +27,7 @@ export class EventInfoPage extends LitElement {
     event!: EventWithContext;
 
     static get styles(): CSSResult[] {
-        return [PFBase, PFPage, PFContent, PFCard, AKGlobal].concat(css`
-            .pf-c-card {
-                color: var(--ak-dark-foreground);
-            }
-        `);
+        return [PFBase, PFPage, PFContent, PFCard, AKGlobal];
     }
 
     render(): TemplateResult {