проблема со скроллом

src/Components/Content/index.tsx

@@ -9,10 +9,11 @@ const Content: React.FC = () =>  {
     <React.Fragment>
       <Box sx={{
         width: "100%",
-        height: "100%",
+        height: "calc(100vh - 85px)",
         display: "flex",
         flexDirection: "column",
-        alignItems: "center"
+        alignItems: "center",
+        overflowY: "scroll"
       }}>
         <Users />
       </Box>

src/Components/Users/index.tsx

@@ -22,7 +22,7 @@ const Users: React.FC = () =>  {
         variant="caption"  
         sx={{
           width: "90%",
-          height: "60px",
+          height: "1660px",
           display: "flex",
           flexDirection: "column",
           justifyContent: "center",
@@ -248,7 +248,7 @@ const Users: React.FC = () =>  {
                 backgroundColor: theme.palette.content.main
               }
             }}>
-              СБРОСИТЬ
+              СБРОСИТЬ 
           </Button>
         </Box>
       </Box>