diff --git a/src/app/team/components/AllTeams.jsx b/src/app/team/components/AllTeams.jsx
index 4939929..a6e3a0c 100644
--- a/src/app/team/components/AllTeams.jsx
+++ b/src/app/team/components/AllTeams.jsx
@@ -9,7 +9,7 @@ import useLoading from "../../../shared/store/useLoading";
 
 export default function AllTeam() {
 	const [member, setMember] = useState([]);
-	const { isTablet, fontSize, fontWeight } = useResponsive();
+	const { isMobile, isTablet } = useResponsive();
 	const [loading, setLoading] = useLoading((state) => [
 		state.loading,
 		state.setLoading,
@@ -37,8 +37,8 @@ export default function AllTeam() {
 			<Stack justifyContent={"center"} alignItems={"center"} gap={10}>
 				<Typography
 					sx={{
-						fontSize: fontSize,
-						fontWeight: fontWeight,
+						fontSize: isMobile?"1.4rem":isTablet ? "2rem" : "2.5rem",
+						fontWeight: isMobile?"200":isTablet ? "300" : "400",
 						textAlign: "center",
 						color: "#fff",
 					}}
diff --git a/src/hooks/useResponsive.js b/src/hooks/useResponsive.js
index b7963b2..9c27a9f 100644
--- a/src/hooks/useResponsive.js
+++ b/src/hooks/useResponsive.js
@@ -15,17 +15,9 @@ export const useResponsive = () => {
 		}
 	},[]);
 
-
-	 fontSize = isMobile ? "1.4rem" : isTablet ? "2rem" : "2.5rem";
-	 lineHeight = isMobile ? "1.1rem" : isTablet ? "1.3rem" : "1.5rem";
-	 fontWeight = isMobile ? "200" : isTablet ? "300" : "400";
-
 	return {
 		isLaptop,
 		isTablet,
-		isMobile,
-		fontSize,
-		lineHeight,
-		fontWeight,
+		isMobile
 	};
 };