From 48ab6940018fa1c4782e69d7b68b0c60d2cf5202 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 19 Feb 2022 16:55:27 -0300
Subject: [PATCH] Fix wrap

---
 src/components/Copy.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Copy.tsx b/src/components/Copy.tsx
index 86e902d..41d048e 100644
--- a/src/components/Copy.tsx
+++ b/src/components/Copy.tsx
@@ -22,7 +22,7 @@ const Copy: React.FC<CopyProps> = ({ value, rounded }) => {
 
   return (
     <button
-      className={`text-gray-500 focus:outline-none ${
+      className={`self-center flex flex-no-wrap justify-center items-center space-x-1 text-gray-500 focus:outline-none ${
         rounded
           ? "transition-colors transition-shadows bg-gray-200 hover:bg-gray-500 hover:text-gray-200 hover:shadow w-7 h-7 rounded-full text-xs"
           : "text-sm"
@@ -34,10 +34,10 @@ const Copy: React.FC<CopyProps> = ({ value, rounded }) => {
         rounded ? (
           <FontAwesomeIcon icon={faCheck} size="1x" />
         ) : (
-          <div className="space-x-1">
+          <>
             <FontAwesomeIcon icon={faCheckCircle} size="1x" />
-            {!rounded && <span>Copied</span>}
-          </div>
+            <span className="self-baseline">Copied</span>
+          </>
         )
       ) : (
         <FontAwesomeIcon icon={faCopy} size="1x" />