FIX: User Page Current Live Style Issues

frontend/src/pages/UserPage.tsx

@@ -221,9 +221,13 @@ const UserPage: React.FC = () => {
 					>
 						{/* Stream */}
 						{currentStream && (
-							<div className="mb-8">
+							<div className="mb-8 max-w-[500px] w-full">
-								<h2 className="text-2xl bg-[#ff0000] border py-4 px-[9rem] font-black mb-4 rounded-[4rem]">Currently Live!</h2>
+								<h2
-								<StreamListItem
+									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=""