From 274705ce700df3465b46df45a184ed63512230c7 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Fri, 10 Sep 2021 05:16:06 -0300
Subject: [PATCH] Fix animation

---
 src/AddressTransactions.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/AddressTransactions.tsx b/src/AddressTransactions.tsx
index 041f339..47c9653 100644
--- a/src/AddressTransactions.tsx
+++ b/src/AddressTransactions.tsx
@@ -221,21 +221,24 @@ const AddressTransactions: React.FC = () => {
                 </NavTab>
                 <NavTab href={`/address/${checksummedAddress}/contract`}>
                   <span
-                    className={`${
+                    className={`flex items-baseline space-x-2 ${
                       rawMetadata === undefined ? "italic opacity-50" : ""
                     }`}
                   >
-                    Contract{" "}
+                    <span>Contract</span>
                     {rawMetadata === undefined ? (
-                      <span className="animate-spin">
-                        <FontAwesomeIcon icon={faCircleNotch} />
+                      <span className="self-center">
+                        <FontAwesomeIcon
+                          className="animate-spin"
+                          icon={faCircleNotch}
+                        />
                       </span>
                     ) : rawMetadata === null ? (
-                      <span className="animate-spin text-red-500">
+                      <span className="self-center text-red-500">
                         <FontAwesomeIcon icon={faQuestionCircle} />
                       </span>
                     ) : (
-                      <span className="animate-spin text-green-500">
+                      <span className="self-center text-green-500">
                         <FontAwesomeIcon icon={faCheckCircle} />
                       </span>
                     )}