diff --git a/Client/src/Components/StatusBoxes/index.jsx b/Client/src/Components/StatusBoxes/index.jsx
index 6e09d0cba..a2c627d19 100644
--- a/Client/src/Components/StatusBoxes/index.jsx
+++ b/Client/src/Components/StatusBoxes/index.jsx
@@ -4,15 +4,21 @@ import SkeletonLayout from "./skeleton";
 // Utils
 import { useTheme } from "@mui/material/styles";
 import PropTypes from "prop-types";
-const StatusBoxes = ({ shouldRender, children }) => {
+const StatusBoxes = ({ shouldRender, flexWrap = "nowrap", children }) => {
 	const theme = useTheme();
 	if (!shouldRender) {
-		return <SkeletonLayout numBoxes={children?.length ?? 1} />;
+		return (
+			<SkeletonLayout
+				numBoxes={children?.length ?? 1}
+				flexWrap={flexWrap}
+			/>
+		);
 	}
 
 	return (
 		<Stack
 			direction="row"
+			flexWrap={flexWrap}
 			gap={theme.spacing(8)}
 		>
 			{children}