From 69f0b2a3a26ca3625dbaf049bed9e267dcc74474 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Wed, 6 Dec 2023 11:23:23 +0100
Subject: [PATCH] change spinner to sync

---
 apps/vyper/src/app/components/CompilerButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/vyper/src/app/components/CompilerButton.tsx b/apps/vyper/src/app/components/CompilerButton.tsx
index dbb0158330..4e2459aebd 100644
--- a/apps/vyper/src/app/components/CompilerButton.tsx
+++ b/apps/vyper/src/app/components/CompilerButton.tsx
@@ -126,10 +126,10 @@ function CompilerButton({contract, setOutput, compilerUrl, resetCompilerState}:
 
   return (
     <button data-id="compile" onClick={compileContract} title={contract} className="d-flex flex-column btn btn-primary w-100">
-      <div className="d-flex justify-center align-item-center">
+      <div className="d-flex justify-content-center align-item-center">
+        {loadingSpinner ? <span className="fas fa-sync fa-pulse" role="status" aria-hidden="true" /> : null}
         <span>Compile</span>
         <span className="overflow-hidden text-truncate text-nowrap">{contract}</span>
-        {loadingSpinner && <span className="fas fa-spinner fa-pulse" role="status" aria-hidden="true" />}
       </div>
     </button>
   )