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;
   }