responsive page home and list

components/layout/header/list/col/index.js

@@ -18,7 +18,7 @@ function Col({ isActive, setIsActive, name }) {
             md:top-[-30px] lg:top-[-40px] w-[85%] z-10 h-screen bg-[#FAFAFA] transition-all duration-500
             ${isActive ? 'right-0' : '-right-[85%]'}
             `}>
-                <ul className="flex flex-col items-start justify-center gap-[30px] mt-[78px]">
+                <ul className="flex flex-col items-start justify-center gap-[30px] mt-[38px]">
                     {listNav.map(nav => (
                         <li
                             key={nav.id}
@@ -29,7 +29,8 @@ function Col({ isActive, setIsActive, name }) {
                                 className="w-full"
                             >
                                 <Button className={`
-                                ${isActiveURL(nav.link.replace('/', ''), name) ?
+                                    !h-10
+                                    ${isActiveURL(nav.link.replace('/', ''), name) ?
                                         '!text-[#526CAC] !bg-[rgba(199,_206,_244,_0.30)]' :
                                         '!text-[#525252]'
                                     }