fix copy icon alignment on mobile device

scaffold-eth · Aug 23, 2023 · e36968d · e36968d
1 parent b8a92bb
commit e36968d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton.tsx b/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton.tsx
@@ -108,7 +108,7 @@ export const RainbowKitCustomConnectButton = () => {
                         {addressCopied ? (
                           <div className="btn-sm !rounded-xl flex gap-3 py-3">
                             <CheckCircleIcon
-                              className=" text-xl font-normal h-6 w-4 cursor-pointer"
+                              className="text-xl font-normal h-6 w-4 cursor-pointer ml-2 sm:ml-0"
                               aria-hidden="true"
                             />
                             <span className=" whitespace-nowrap">Copy address</span>
@@ -125,7 +125,7 @@ export const RainbowKitCustomConnectButton = () => {
                           >
                             <div className="btn-sm !rounded-xl flex gap-3 py-3">
                               <DocumentDuplicateIcon
-                                className=" text-xl font-normal h-6 w-4 cursor-pointer"
+                                className="text-xl font-normal h-6 w-4 cursor-pointer ml-2 sm:ml-0"
                                 aria-hidden="true"
                               />
                               <span className=" whitespace-nowrap">Copy address</span>