From 0ddfe05721d219c231241d3afd82d86f315462e4 Mon Sep 17 00:00:00 2001
From: Max Korsunov <maxkors2014@gmail.com>
Date: Wed, 18 Sep 2024 13:19:56 +0300
Subject: [PATCH] fix(ui): #web-1764: fix copy button styles (#199)

---
 .../ui/components/ui/copy-to-clipboard/copy-to-clipboard.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 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
index ed505c05..3435e897 100644
--- 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>
         ) : (