From fa809d7bfdbf276e0f82f03808243fd24ead8bb8 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Fri, 31 Jan 2025 13:43:04 -0800
Subject: [PATCH] update skeleton layout

---
 Client/src/Components/StatusBoxes/index.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

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}