$

src/components/LoaderSpace/LoaderSpace.jsx

@@ -1,9 +1,9 @@
 import { MagnifyingGlass } from "react-loader-spinner";
 import "./LoaderSpace.scss";
 
-export default function LoaderSpace({ isVisible }) {
+export default function LoaderSpace({ isVisible, isCenterLoader }) {
   return (
-    <div className="loader-space-container">
+    <div className={`loader-space-container${isCenterLoader ? "-center" : ""}`}>
       <MagnifyingGlass
         visible={isVisible}
         height="100"

src/components/LoaderSpace/LoaderSpace.scss

@@ -1,4 +1,4 @@
-.loader-space-container {
+.loader-space-container-center {
     position: absolute;
     z-index: 9999;
     position: fixed;
@@ -6,3 +6,6 @@
     left: 50%;
     transform: translate(-50%, -50%);
 }
+
+.loader-space-container {
+}