diff --git a/apps/web/src/app/reports/report-card.component.html b/apps/web/src/app/reports/report-card.component.html
index 138a9b6a687..771d1553df4 100644
--- a/apps/web/src/app/reports/report-card.component.html
+++ b/apps/web/src/app/reports/report-card.component.html
@@ -1,5 +1,5 @@
 <a
-  class="tw-border tw-border-solid tw-border-secondary-300 tw-rounded tw-overflow-hidden tw-h-full tw-max-w-[18rem] tw-block !tw-text-main hover:tw-no-underline hover:tw-scale-105 tw-transition-all focus:tw-outline-none focus:tw-ring focus:tw-ring-offset-2 focus:tw-ring-primary-700"
+  class="tw-border tw-border-solid tw-border-secondary-300 tw-rounded tw-overflow-hidden tw-h-full tw-max-w-72 tw-block !tw-text-main hover:tw-no-underline hover:tw-scale-105 tw-transition-all focus:tw-outline-none focus:tw-ring focus:tw-ring-offset-2 focus:tw-ring-primary-700"
   [routerLink]="route"
   (click)="click()"
 >
diff --git a/libs/components/tailwind.config.base.js b/libs/components/tailwind.config.base.js
index 31ff19cb501..2e2615ff27f 100644
--- a/libs/components/tailwind.config.base.js
+++ b/libs/components/tailwind.config.base.js
@@ -68,6 +68,9 @@ module.exports = {
       DEFAULT: theme("colors.background"),
       ...theme("colors"),
     }),
+    maxWidth: ({ theme }) => ({
+      ...theme("width"),
+    }),
   },
   plugins: [],
 };