From 92e53e231ccf082856d6fd109e761ca8b7923a34 Mon Sep 17 00:00:00 2001
From: BuiQuocTan <quoctanbui.koo@gmail.com>
Date: Wed, 27 Sep 2023 14:13:06 -0700
Subject: [PATCH] changed the width of trend bar

---
 src/components/HeaderSection/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/HeaderSection/index.js b/src/components/HeaderSection/index.js
index 780bb9c..660054d 100644
--- a/src/components/HeaderSection/index.js
+++ b/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>