diff --git a/src/components/elements/boxContentCenter/index.tsx b/src/components/elements/boxContentCenter/index.tsx
index cb0f7bd4..5fbde208 100644
--- a/src/components/elements/boxContentCenter/index.tsx
+++ b/src/components/elements/boxContentCenter/index.tsx
@@ -5,13 +5,13 @@ export default function BoxContentCenter({ children }: any) {
     <Box
       sx={{
         width: "100%",
-        height: `calc(100vh - 199px)`,
+        // height: `calc(100vh - 199px)`,
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
       }}
     >
-      <Box sx={{ width: "550px" }}>{children}</Box>
+      <Box sx={{ width: "100%", maxWidth: "550px", padding: "0 10px" }}>{children}</Box>
     </Box>
   );
 }