Merge pull request #1961 from cprussin/fix-help-button-padding

fix(staking): fix minor button padding issues

Author: cprussin

apps/staking/src/components/Blocked/index.tsx

@@ -19,7 +19,7 @@ const Blocked = ({ reason }: Props) => (
     </h1>
     <p className="mb-20 text-lg">{reason}</p>
     <LinkButton
-      className="place-self-center px-24 py-3"
+      className="w-full max-w-96 place-self-center px-8 py-3"
       href="https://www.pyth.network"
       target="_blank"
     >

apps/staking/src/components/Header/help-menu.tsx

@@ -37,7 +37,7 @@ export const HelpMenu = () => {
   return (
     <>
       <MenuTrigger>
-        <Button className="group -mx-2 flex flex-row items-center gap-2 rounded-sm px-2 transition hover:bg-white/10 focus:outline-none focus-visible:ring-1 focus-visible:ring-pythpurple-400 pressed:bg-white/10 sm:-mx-4 sm:px-4">
+        <Button className="group -mx-2 flex flex-row items-center gap-2 rounded-sm p-2 transition hover:bg-white/10 focus:outline-none focus-visible:ring-1 focus-visible:ring-pythpurple-400 pressed:bg-white/10 sm:-mx-4 sm:px-4">
           <QuestionMarkCircleIcon className="size-6 flex-none" />
           <span className="sr-only xs:not-sr-only">Help</span>
           <ChevronDownIcon className="size-4 flex-none opacity-60 transition duration-300 group-data-[pressed]:-rotate-180" />