fixed header and buttons responsive issue

Author: love-sonkar

src/app/(public)/_components/button.tsx

@@ -14,7 +14,7 @@ export function Button({
     <div className="relative inline-block m-3 group w-fit">
       <button
         className={cn(
-          'bg-hacktoberfest-black hover:bg-hacktoberfest-dark-green btn btn-lg text-hacktoberfest-light rounded-2xl leading-none border-none',
+          'bg-hacktoberfest-black hover:bg-hacktoberfest-dark-green btn btn-lg text-hacktoberfest-light rounded-2xl leading-none border-none h-auto p-2',
           className
         )}
         {...props}

src/app/(public)/_components/header.tsx

@@ -13,7 +13,7 @@ export async function Header() {
   return (
     <header className="border-b-[0.5px] border-dashed border-b-hacktoberfest-light-green mb-5">
       <div className="container px-4 py-2 mx-auto">
-        <div className="justify-between shadow-lg navbar">
+        <div className="justify-between shadow-lg navbar gap-2">
           <Link href="/">
             <img
               src="/horizontal_beige.png"