adjust responsive modal size

Author: eisbilir

src/shared/components/Settings/Account/Security/Modal/style.scss

@@ -17,8 +17,11 @@
 .container {
   background: #fff;
   position: fixed;
-  width: 1000px;
-  height: 752px;
+  width: 90%;
+  max-width: 1000px;
+  min-width: 650px;
+  min-height: 752px;
+  max-height: 99%;
   top: 50%;
   left: 50%;
   padding: 32px;
@@ -31,7 +34,6 @@
   flex-direction: column;
   align-items: flex-start;
   gap: 24px;
-  max-height: 99%;
 
   .header {
     display: flex;