diff --git a/packages/common/business_components/src/ui/loadingBar/index.tsx b/packages/common/business_components/src/ui/loadingBar/index.tsx
index 4d637dd25..7c6df0114 100644
--- a/packages/common/business_components/src/ui/loadingBar/index.tsx
+++ b/packages/common/business_components/src/ui/loadingBar/index.tsx
@@ -1,20 +1,26 @@
-import { LoadingWithAnimation } from '@common/components/ui/loading';
-import React from 'react';
+import { LoadingWithAnimation } from "@common/components/ui/loading";
+import React from "react";
 
 interface LoadingOverlayProps {
   isLoading: boolean;
+  customZindex?: string;
 }
 
-const LoadingOverlay: React.FC<LoadingOverlayProps> = ({ isLoading }) => {
+const LoadingOverlay: React.FC<LoadingOverlayProps> = ({
+  isLoading,
+  customZindex,
+}) => {
   if (!isLoading) return null;
 
   return (
-    <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
-      <div className="relative w-16 h-16">
+    <div
+      className={`fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 ${customZindex || "z-50"}`}
+    >
+      <div className="relative h-16 w-16">
         <LoadingWithAnimation color="primary" />
       </div>
     </div>
   );
 };
 
-export default LoadingOverlay;
\ No newline at end of file
+export default LoadingOverlay;