diff --git a/apps/web/src/app/tools/reports/shared/report-card/report-card.component.html b/apps/web/src/app/tools/reports/shared/report-card/report-card.component.html
index 5553daf6e7b..71a136eda7a 100644
--- a/apps/web/src/app/tools/reports/shared/report-card/report-card.component.html
+++ b/apps/web/src/app/tools/reports/shared/report-card/report-card.component.html
@@ -9,7 +9,7 @@
     >
       <div class="tw-m-auto"><bit-icon [icon]="icon" aria-hidden="true"></bit-icon></div>
     </div>
-    <div class="tw-p-5" [ngClass]="{ 'tw-grayscale': disabled }">
+    <div class="tw-p-5 tw-bg-background" [ngClass]="{ 'tw-grayscale': disabled }">
       <h3 class="tw-mb-4 tw-text-xl tw-font-bold">{{ title }}</h3>
       <p class="tw-mb-0">{{ description }}</p>
     </div>