fix Spinner margin across instances

Author: mux-mux

src/components/FindFace/FindFace.js

@@ -180,7 +180,7 @@ const FindFace = ({ imageUrl, onUserDataChange, user }) => {
           {'Download Image'}
         </button>
         {isDownloading && (
-          <Spinner className="absolute -right-2 top-5 translate-x-full -translate-y-1/2" />
+          <Spinner className="absolute -right-2 top-5 translate-x-full -translate-y-1/2 !m-0" />
         )}
       </div>
       <div className="relative">

src/components/Modal/Modal.js

@@ -176,7 +176,7 @@ const Modal = ({ onClose }) => {
             Cancel
           </button>
         </div>
-        {status === 'loading' && <Spinner />}
+        {status === 'loading' && <Spinner/>}
         {(status === 'error' || status === 'success') && (
           <Alert message={message} onClose={() => setStatus('idle')} />
         )}

src/components/Spinner/Spinner.css

@@ -2,5 +2,6 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  margin: 20px;
 }
 /* loader styles inside %PUBLIC_URL%/loader.css */