fix(ui): #web-1764: fix copy button styles (#199)

prax-wallet · Sep 20, 2024 · 0ddfe05 · 0ddfe05
1 parent 541b23e
commit 0ddfe05
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/components/ui/copy-to-clipboard/copy-to-clipboard.tsx b/packages/ui/components/ui/copy-to-clipboard/copy-to-clipboard.tsx
@@ -21,7 +21,7 @@ const CopyToClipboard = React.forwardRef<HTMLButtonElement, CopyToClipboardProps
       <Button
         className={cn(
           copied && 'cursor-default text-teal-500 hover:no-underline',
-          'flex items-center justify-center',
+          'block px-0',
           className,
         )}
         variant='link'
@@ -38,7 +38,7 @@ const CopyToClipboard = React.forwardRef<HTMLButtonElement, CopyToClipboardProps
       >
         {copied ? (
           <span className={cn(isSuccessCopyText && 'flex items-center gap-2')}>
-            {isSuccessCopyText && <span>Copied</span>}
+            {isSuccessCopyText && <span className='whitespace-nowrap'>Copied</span>}
             <CheckCircledIcon />
           </span>
         ) : (