From 43232bac4b410a48aad89297b4768b5c7a63517b Mon Sep 17 00:00:00 2001
From: EvanLin3141 <evan.lin.3.141@gmail.com>
Date: Tue, 4 Mar 2025 18:49:50 +0000
Subject: [PATCH] FIX: User Page Current Live Style Issues

---
 frontend/src/pages/UserPage.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/UserPage.tsx b/frontend/src/pages/UserPage.tsx
index 45fa132..a29b655 100644
--- a/frontend/src/pages/UserPage.tsx
+++ b/frontend/src/pages/UserPage.tsx
@@ -218,12 +218,16 @@ const UserPage: React.FC = () => {
 					<div
 						id="content"
 						className="col-span-2 bg-[var(--user-contentBox)] rounded-lg p-6 flex flex-col items-center w-full"
-						>
+					>
 						{/* Stream */}
 						{currentStream && (
-							<div className="mb-8">
-								<h2 className="text-2xl bg-[#ff0000] border py-4 px-[9rem] font-black mb-4 rounded-[4rem]">Currently Live!</h2>
-								<StreamListItem
+							<div className="mb-8 max-w-[500px] w-full">
+								<h2
+									className="text-[1.2em] sm:text-[2em] bg-[#ff0000] border py-2 px-8 sm:px-12 md:px-16 
+    									font-black mb-4 rounded-full text-center"
+								>
+									Currently Live!
+								</h2>								<StreamListItem
 									id={profileData.id}
 									title={currentStream.title || ""}
 									streamCategory=""