From b1cd7699823145e03d32ee963942db1559f987b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=82=B1=E3=82=A4=E3=83=A9?= <mckayla@hey.com>
Date: Thu, 7 Aug 2025 19:59:25 +0000
Subject: [PATCH] refactor(site): migrate ActiveUserChart from emotion to
 tailwind styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaced emotion css prop with equivalent Tailwind classes in ActiveUsersTitle component.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 site/src/components/ActiveUserChart/ActiveUserChart.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/components/ActiveUserChart/ActiveUserChart.tsx b/site/src/components/ActiveUserChart/ActiveUserChart.tsx
index 084ed7b16559f..c7fe0d893bd20 100644
--- a/site/src/components/ActiveUserChart/ActiveUserChart.tsx
+++ b/site/src/components/ActiveUserChart/ActiveUserChart.tsx
@@ -113,7 +113,7 @@ type ActiveUsersTitleProps = {
 
 export const ActiveUsersTitle: FC<ActiveUsersTitleProps> = ({ interval }) => {
 	return (
-		<div css={{ display: "flex", alignItems: "center", gap: 8 }}>
+		<div className="flex items-center gap-2">
 			{interval === "day" ? "Daily" : "Weekly"} Active Users
 			<HelpTooltip>
 				<HelpTooltipTrigger size="small" />