Fix close icon position on read and write methods

BuidlGuidl · Feb 7, 2024 · 453f4cd · 453f4cd
1 parent 5e11bb0
commit 453f4cd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractReadMethods.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractReadMethods.tsx
@@ -50,7 +50,8 @@ export const ContractReadMethods = ({
           />
           <button
             onClick={() => removeMethod(fn.name)}
-            className="absolute top-0 right-0 p-1 btn btn-ghost btn-xs pt-[22px]"
+            className="absolute top-0 right-0 btn btn-ghost btn-xs mt-[21px]"
+            aria-label="Remove method"
           >
             <XMarkIcon className="h-5 w-5" />
           </button>

diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractWriteMethods.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractWriteMethods.tsx
@@ -52,7 +52,7 @@ export const ContractWriteMethods = ({
           />
           <button
             onClick={() => removeMethod(fn.name)}
-            className="absolute top-0 right-0 p-1 btn btn-ghost btn-xs pt-[22px]"
+            className="absolute top-0 right-0 btn btn-ghost btn-xs mt-[21px]"
             aria-label="Remove method"
           >
             <XMarkIcon className="h-5 w-5" />