WIP for invoice list items on inovice enter

client/src/components/loading-spinner/loading-spinner.component.jsx

@@ -4,18 +4,19 @@ import "./loading-spinner.styles.scss";
 
 export default function LoadingSpinner({ loading = true, message, ...props }) {
   return (
-    <Spin
-      spinning={loading}
-      className="loading-spinner"
-      size="large"
-      style={{
-        position: "relative",
-        alignContent: "center"
-      }}
-      delay={200}
-      tip={message ? message : null}
-    >
-      {props.children}
-    </Spin>
+    <div className="loading-spinner">
+      <Spin
+        spinning={loading}
+        size="large"
+        style={{
+          position: "relative",
+          alignContent: "center"
+        }}
+        delay={200}
+        tip={message ? message : null}
+      >
+        {props.children}
+      </Spin>
+    </div>
   );
 }

client/src/components/loading-spinner/loading-spinner.styles.scss

@@ -1,2 +1,7 @@
 .loading-spinner {
+  display: flex;
+  height: 50%;
+  align-items: center;
+  justify-content: center;
+  margin: 1em;
 }