fix: prevent horizontal scrollbar in table by adding overflowX hidden and making histogram responsive

client/src/Components/v2/design-elements/Table.tsx

@@ -147,7 +147,7 @@ export function DataTable<
 		<TableContainer
 			component={Paper}
 			elevation={0}
-			sx={{ boxShadow: "none" }}
+			sx={{ boxShadow: "none", overflowX: "hidden" }}
 		>
 			<Table
 				sx={{

client/src/Components/v2/monitors/charts/HistogramPageSpeed.tsx

@@ -45,7 +45,8 @@ export const HistogramPageSpeed = ({
 			flexWrap="nowrap"
 			gap={theme.spacing(1.5)}
 			height="100px"
-			width="400px"
+			maxWidth="400px"
+			width="100%"
 			onClick={(event) => event.stopPropagation()}
 			overflow={"hidden"}
 			sx={{