diff --git a/src/components/LoaderModal.tsx b/src/components/LoaderModal.tsx
index f060020..54c7aa7 100644
--- a/src/components/LoaderModal.tsx
+++ b/src/components/LoaderModal.tsx
@@ -36,7 +36,7 @@ const LoaderModal = ({ isSimleLoader = false }: LoaderModalProps) => {
   return (
     <div
       className={`bg-[#F3F2F0] h-full w-full flex justify-center items-center flex-col fixed z-50 top-0 right-0 ${
-        isMapDesktopModal ? "opacity-50 w-[calc(100%-384px)]" : ""
+        isMapDesktopModal ? "opacity-50 w-[calc(100vw-384px)]" : ""
       } `}
     >
       <LoadingIcon className="animate-spin w-16" />