From 21c67e6fcc0e22febc2785dd6e9515f6b175f558 Mon Sep 17 00:00:00 2001
From: madisoncarter1234 <madisoncarter1212@gmail.com>
Date: Mon, 27 Oct 2025 12:22:28 -0400
Subject: [PATCH] Fix Tailwind CSS class typo in PolicyBanner button

Fixed a typo in the button's className where 'transition-allactive:bg-[#06318E]'
was missing a space between 'transition-all' and 'active:bg-[#06318E]'.

This ensures the Tailwind classes are properly parsed and the active state
background color is applied correctly when the button is clicked.

Fixes #2502
---
 apps/web/src/components/Banner/PolicyBanner.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/Banner/PolicyBanner.tsx b/apps/web/src/components/Banner/PolicyBanner.tsx
index 2f2f08254fb..e039b4c22c1 100644
--- a/apps/web/src/components/Banner/PolicyBanner.tsx
+++ b/apps/web/src/components/Banner/PolicyBanner.tsx
@@ -40,7 +40,7 @@ export function PolicyBanner() {
             updated policy.
           </div>
           <button
-            className="text-md text-md transition-allactive:bg-[#06318E] flex w-auto items-center justify-center gap-3 whitespace-nowrap rounded-lg border px-4 py-2 text-black disabled:pointer-events-none disabled:opacity-40 dark:text-white"
+            className="text-md text-md transition-all active:bg-[#06318E] flex w-auto items-center justify-center gap-3 whitespace-nowrap rounded-lg border px-4 py-2 text-black disabled:pointer-events-none disabled:opacity-40 dark:text-white"
             type="button"
             onClick={onDismiss}
           >