From 4211f8564eff43bbf9d024f0a1e99136edf1fc07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vin=C3=ADcius=20Louren=C3=A7o?= <vinicius@signoz.io>
Date: Mon, 8 Jun 2026 11:46:18 -0300
Subject: [PATCH] refactor(alert-history): migrate to css modules

---
 .../{AlertHistory.styles.scss => AlertHistory.module.scss}    | 4 ++--
 frontend/src/container/AlertHistory/AlertHistory.tsx          | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)
 rename frontend/src/container/AlertHistory/{AlertHistory.styles.scss => AlertHistory.module.scss} (51%)

diff --git a/frontend/src/container/AlertHistory/AlertHistory.styles.scss b/frontend/src/container/AlertHistory/AlertHistory.module.scss
similarity index 51%
rename from frontend/src/container/AlertHistory/AlertHistory.styles.scss
rename to frontend/src/container/AlertHistory/AlertHistory.module.scss
index 39fce3ca29..1defea4236 100644
--- a/frontend/src/container/AlertHistory/AlertHistory.styles.scss
+++ b/frontend/src/container/AlertHistory/AlertHistory.module.scss
@@ -1,5 +1,5 @@
-.alert-history {
+.alertHistory {
 	display: flex;
 	flex-direction: column;
-	gap: 24px;
+	gap: var(--spacing-10);
 }
diff --git a/frontend/src/container/AlertHistory/AlertHistory.tsx b/frontend/src/container/AlertHistory/AlertHistory.tsx
index 7fa9a819a2..e811a1be8e 100644
--- a/frontend/src/container/AlertHistory/AlertHistory.tsx
+++ b/frontend/src/container/AlertHistory/AlertHistory.tsx
@@ -3,13 +3,13 @@ import { useState } from 'react';
 import Statistics from './Statistics/Statistics';
 import Timeline from './Timeline/Timeline';
 
-import './AlertHistory.styles.scss';
+import styles from './AlertHistory.module.scss';
 
 function AlertHistory(): JSX.Element {
 	const [totalCurrentTriggers, setTotalCurrentTriggers] = useState(0);
 
 	return (
-		<div className="alert-history">
+		<div className={styles.alertHistory}>
 			<Statistics
 				totalCurrentTriggers={totalCurrentTriggers}
 				setTotalCurrentTriggers={setTotalCurrentTriggers}