diff --git a/Frontend/src/App.jsx b/Frontend/src/App.jsx
index ab450b7..20f6bd7 100644
--- a/Frontend/src/App.jsx
+++ b/Frontend/src/App.jsx
@@ -19,8 +19,7 @@ import NavConsole from "./components/ui/nav/NavConsole";
 const App = () => {
   return (
     <div className="overflow-hidden no-scrollbar">
-      {/* {/* <Body/> */}
-      {/* <Login/> */} */}
+      {/* <Body/> */}
       {/* <DashBoard/> */}
       <Homepage/>
       {/* <AccountCenter /> */}
diff --git a/Frontend/src/components/homepage/GameCard.jsx b/Frontend/src/components/homepage/GameCard.jsx
index 0957437..e4a9007 100644
--- a/Frontend/src/components/homepage/GameCard.jsx
+++ b/Frontend/src/components/homepage/GameCard.jsx
@@ -1,7 +1,7 @@
 import { Bgmi } from "../ui/Cards/Bgmi"
 
 export const GameCard  = (props) => {
-    return <div className="  w-[20%] h-[80%] ">
+    return <div className="  w-auto h-[100%] ">
         {props.card}
     </div>
 }
\ No newline at end of file
diff --git a/Frontend/src/components/homepage/Hero.jsx b/Frontend/src/components/homepage/Hero.jsx
index cb89afb..228786f 100644
--- a/Frontend/src/components/homepage/Hero.jsx
+++ b/Frontend/src/components/homepage/Hero.jsx
@@ -57,8 +57,8 @@ export default function Hero(props) {
         </div>
       </section>
       {/* card */}
-      <section className="mt-4 w-[90vw] no-scrollbar overflow-x-scroll ">
-        <div className="flex h-[49vh] justify-between w-[98vw]  overflow-hidden">
+      <section className="mt-4 h-[45%]  w-[110%] no-scrollbar overflow-x-scroll ">
+        <div className="flex items-center  h-[100%] justify-between w-[110%] overflow-hidden ">
           <GameCard card={<Bgmi/>}/>
           <GameCard card={<Codm/>}/>
           <GameCard card={<Valo/>} />
diff --git a/Frontend/src/components/homepage/Homepage.jsx b/Frontend/src/components/homepage/Homepage.jsx
index 5448935..d36c964 100644
--- a/Frontend/src/components/homepage/Homepage.jsx
+++ b/Frontend/src/components/homepage/Homepage.jsx
@@ -7,7 +7,7 @@ import Hero from "./Hero";
 
 const Homepage = () => {
   return (
-    <div className="h-[110vh] w-[100vw] overflow-x-hidden overflow-y-scroll relative no-scrollbar ">
+    <div className="h-[100vh] w-[100vw] overflow-hidden relative no-scrollbar ">
       <div className="bg w-[100vw] h-[100vh] -z-10 bg-[#010101eb] no-scrollbar  fixed top-0 l-0">
         <img
           className="w-[100vw] h-[100vh] object-cover object-top "
diff --git a/Frontend/src/components/ui/Cards/Freefire.jsx b/Frontend/src/components/ui/Cards/Freefire.jsx
index b1a7a9c..1663fd7 100644
--- a/Frontend/src/components/ui/Cards/Freefire.jsx
+++ b/Frontend/src/components/ui/Cards/Freefire.jsx
@@ -557,7 +557,7 @@ export const Freefire = () => {
         <clipPath id="clip0_595_574">
           <rect width="320" height="380" rx="30" fill="white" />
         </clipPath>
-        <image
+        <img
           id="image0_595_574"
           width="387"
           height="640"
diff --git a/Frontend/src/components/ui/nav/NavConsole.jsx b/Frontend/src/components/ui/nav/NavConsole.jsx
index 0493daa..ab32720 100644
--- a/Frontend/src/components/ui/nav/NavConsole.jsx
+++ b/Frontend/src/components/ui/nav/NavConsole.jsx
@@ -2,8 +2,8 @@ import navConsole from "../../../assets/navConsole.svg";
 import { TeamLogo } from "../svg/TeamLogo";
 const NavConsole = (props) => {
   return (
-    <div className=" h-[100%] w-[100%] p-2  bg-[#151313c5] clip-path-navConsole relative flex items-center justify-between ">
-      <div className="flex items-center justify-between w-full m-6 ">
+    <div className=" h-[100%] w-[100%] p-[1%]  bg-[#151313c5] clip-path-navConsole relative flex items-center justify-center ">
+      <div className="flex items-center justify-between  w-[90%] ">
         <div className=" cursor-pointer">
             <TeamLogo/>
         </div>
diff --git a/Frontend/src/components/ui/nav/UpperNav.jsx b/Frontend/src/components/ui/nav/UpperNav.jsx
index 4d46cc8..2571170 100644
--- a/Frontend/src/components/ui/nav/UpperNav.jsx
+++ b/Frontend/src/components/ui/nav/UpperNav.jsx
@@ -12,7 +12,7 @@ const UpperNav = (props) => {
         <div className="w-[12%]">
             <Logo/>
         </div>
-        <div className="relative w-[30%] z-10">
+        <div className="relative h-[6vh] w-[30%] z-10">
             <NavConsole name="Homepage" />
         </div>
         <div className=" w-[11%]  flex justify-between items-center z-10">