From 90e8c70c8286f4b96c88200110b806ba5dbd3387 Mon Sep 17 00:00:00 2001
From: Yehor Hryhortsev <egor.goldenrash@gmail.com>
Date: Mon, 15 Jan 2024 11:54:36 +0200
Subject: [PATCH] fix modal width

---
 .../ModalAddTransactions/ModalAddTransaction.styled.jsx         | 2 +-
 .../ModalEditTransaction/ModalEditTransaction.styled.jsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ModalAddTransactions/ModalAddTransaction.styled.jsx b/src/components/ModalAddTransactions/ModalAddTransaction.styled.jsx
index c68cc54..889cff3 100644
--- a/src/components/ModalAddTransactions/ModalAddTransaction.styled.jsx
+++ b/src/components/ModalAddTransactions/ModalAddTransaction.styled.jsx
@@ -38,7 +38,7 @@ export const Modal = styled.div`
     height: 100%;
     background-image: none;
     background-image: url(${backgroundMob});
-    background-size: contain;
+    background-size: cover;
     /* background: var(--Form-color, rgba(255, 255, 255, 0.1)); */
 
     form {
diff --git a/src/components/ModalEditTransaction/ModalEditTransaction.styled.jsx b/src/components/ModalEditTransaction/ModalEditTransaction.styled.jsx
index 23921c8..8a68bcb 100644
--- a/src/components/ModalEditTransaction/ModalEditTransaction.styled.jsx
+++ b/src/components/ModalEditTransaction/ModalEditTransaction.styled.jsx
@@ -25,7 +25,7 @@ export const FormContainer = styled.div`
   box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.25);
   border-radius: 8px;
   @media only screen and (max-width: 480px) {
-    height: 691px;
+    height: 100vh;
     background-image: url(${backMobile});
     background-size: cover;
   }