адаптивность для странички авторизации

src/Components/Authorization/index.tsx

@@ -27,12 +27,13 @@ const Authorization: React.FC = () =>  {
             alignItems: "center"
           }}>
             <Box sx={{
-              width: "350px",
+              maxWidth: "370px",
               height: "700px",
               display: "flex",
               flexDirection: "column",
               justifyContent: "space-between",
               alignItems: "center",
+              padding: '0 10px'
             }}>
 
               <Logo />
@@ -84,11 +85,12 @@ const Authorization: React.FC = () =>  {
                       label = "Эл. почта"
                       variant = "filled"
                       color = "secondary"
-                      sx = {{ width: "295px" }}
+                      sx = {{  }}
                       InputProps={{
                         style: {
                           backgroundColor: theme.palette.content.main,
                           color: theme.palette.secondary.main,
+                          paddingRight: '30px'
                         } }} 
                       InputLabelProps={{
                         style: {
@@ -127,11 +129,12 @@ const Authorization: React.FC = () =>  {
                       type = "password"
                       variant = "filled"
                       color = "secondary"
-                      sx = {{ width: "295px" }}
+                      sx = {{ }}
                       InputProps={{
                         style: {
                           backgroundColor: theme.palette.content.main,
-                          color: theme.palette.secondary.main
+                          color: theme.palette.secondary.main,
+                          paddingRight: '30px'
                         } }} 
                       InputLabelProps={{
                         style: {
@@ -204,7 +207,7 @@ const Authorization: React.FC = () =>  {
                 sx={{
                   backgroundColor: theme.palette.content.main,
                   width: "100%",
-                  height: "82px",
+                  padding: '21px 16px',
                   "&:hover": {
                     backgroundColor: theme.palette.menu.main
                   }