changed the width of trend bar

src/components/HeaderSection/index.js

@@ -50,7 +50,7 @@ const HeaderSection = () => {
           TxClass="text-[#000]"
         />
         {/* </div> */}
-        <div className="max-sm:min-w-[240px] max-sm:w-[calc(100%-140px)] max-md:min-w-[600px] max-sm:w-[calc(100%-140px)] max-lg:min-w-[1200px] max-lg:w-[calc(100%-288px)] flex flex-row gap-x-[10px] px-3 py-2 rounded-full bg-[#1B1B1B]">
+        <div className="w-[calc(100%-288px)] max-sm:min-w-[240px] max-sm:w-[calc(100%-140px)] max-md:min-w-[600px] max-sm:w-[calc(100%-140px)] max-lg:min-w-[1200px] max-lg:w-[calc(100%-288px)] flex flex-row gap-x-[10px] px-3 py-2 rounded-full bg-[#1B1B1B]">
           <div className="flex flex-row justify-center items-center gap-3">
             <ExportedImage src={Hot} alt="hot" />
             <p className="text-[16px] text-[#fff] font-semibold">HOT</p>