From 385072c3dfb6b54a3686bcead4514d2ffe53f454 Mon Sep 17 00:00:00 2001
From: M-Farmaha <115003821+M-Farmaha@users.noreply.github.com>
Date: Tue, 23 Jan 2024 09:10:58 +0200
Subject: [PATCH] modal fixing

---
 src/components/Loaders/Loaders-styled.jsx | 2 +-
 src/components/Modal/Modal-styled.jsx     | 5 ++++-
 src/index.css                             | 1 +
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Loaders/Loaders-styled.jsx b/src/components/Loaders/Loaders-styled.jsx
index dade6a1..9286471 100644
--- a/src/components/Loaders/Loaders-styled.jsx
+++ b/src/components/Loaders/Loaders-styled.jsx
@@ -23,7 +23,7 @@ export const LoaderWWrap = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--primary-black-color);
+  color: currentColor;
 `;
 
 export const LoaderSvg = styled.svg`
diff --git a/src/components/Modal/Modal-styled.jsx b/src/components/Modal/Modal-styled.jsx
index 029fa64..2c9dc8e 100644
--- a/src/components/Modal/Modal-styled.jsx
+++ b/src/components/Modal/Modal-styled.jsx
@@ -58,10 +58,13 @@ export const ModalOverlayMIU = styled(Modal)`
   justify-content: center;
 
   backdrop-filter: blur(10px);
+
+  position: fixed;
 `;
 
 export const ModalWrapMIU = styled(Box)`
-  background-color: var(--primary-white-color);
+  background-color: transparent;
+  color: var(--primary-white-color);
   overflow: hidden;
   box-shadow: var(--box-shadow);
 
diff --git a/src/index.css b/src/index.css
index 2ab532a..c675fcd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -29,6 +29,7 @@ body {
 
   &.modal-open {
     overflow: hidden;
+    position: fixed;
   }