Update loader styles in error container

Author: j-mccoll

src/app/__tests__/Loader.test.tsx

@@ -6,7 +6,7 @@ import Loader from '../components/Loader';
 describe('unit testing for Loader.tsx', () => {
   test('renders a loading icon', () => {
     const { container } = render(<Loader loading={true} result={false} />);
-    expect(container.firstChild).toHaveClass('css-xp4o0b');
+    expect(container.firstChild).toHaveClass('css-1tm071a');
   });
 
   test('renders a fail icon', () => {

src/app/components/Loader.tsx

@@ -17,7 +17,7 @@ const handleResult = (result: boolean): JSX.Element =>
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 const Loader = ({ loading, result }): JSX.Element =>
   loading ? (
-    <ClipLoader color='#123abc' size={30} loading={loading} style={{ display: "inline", margin: "0 auto" }}/>
+    <ClipLoader color='#123abc' size={30} loading={loading} />
   ) : (
     handleResult(result)
   );

src/app/styles/layout/_errorContainer.scss

@@ -40,6 +40,10 @@
 		justify-content: center;
 		align-items: center;
 	}
+	.loaderChecks span {
+		margin: 0 auto;
+		display: inline;
+	}
 	h2 {
 		padding-left: 2%;
 		padding-right: 2%;