3 files changed, 23 insertions, 2 deletions
diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx
index 5536870..3d26d88 100644
--- a/src/app/anime/top-airing/page.jsx
+++ b/src/app/anime/top-airing/page.jsx
@@ -1,13 +1,19 @@
-import "./trending.css";
+import styles from "./trending.module.css";
 import Image from "next/image";
 import Link from "next/link";
+import { HiTrendingUp } from "react-icons/hi";
 
 export default async function Trending() {
 	const data = await test();
 
 	return (
 		<div className="trendingContainer">
-			<p className="trendingText">Trending</p>
+			<div className={styles.TrendingText}>
+				<p>Trending</p>
+				<span>
+					<HiTrendingUp size={26} color="aqua" />
+				</span>
+			</div>
 
 			<div className="trending">
 				{data &&
diff --git a/src/app/anime/top-airing/trending.css b/src/app/anime/top-airing/trending.css
deleted file mode 100644
index e69de29..0000000
--- a/src/app/anime/top-airing/trending.css
+++ /dev/null
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
new file mode 100644
index 0000000..d03bab3
--- /dev/null
+++ b/src/app/anime/top-airing/trending.module.css
@@ -0,0 +1,15 @@
+.TrendingText {
+	color: #FFB996;
+	display: flex;
+	align-items: center;
+}
+
+.TrendingText p {
+	font-size: 26px;
+	margin: 5px;
+	font-family: "Quicksand";
+}
+
+.TrendingText span {
+	margin-top: 6px;
+}
+\ No newline at end of file