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

---
 Client/src/Components/StatusBoxes/skeleton.jsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/Client/src/Components/StatusBoxes/skeleton.jsx b/Client/src/Components/StatusBoxes/skeleton.jsx
index b0f04ff3f..bc8b18251 100644
--- a/Client/src/Components/StatusBoxes/skeleton.jsx
+++ b/Client/src/Components/StatusBoxes/skeleton.jsx
@@ -1,21 +1,22 @@
 import { Stack, Skeleton } from "@mui/material";
 import { useTheme } from "@emotion/react";
 import PropTypes from "prop-types";
-const SkeletonLayout = ({ numBoxes }) => {
+const SkeletonLayout = ({ numBoxes, flexWrap }) => {
 	const theme = useTheme();
 	return (
 		<Stack
 			direction="row"
+			flexWrap={flexWrap}
 			gap={theme.spacing(4)}
 			mt={theme.spacing(4)}
 		>
 			{Array.from({ length: numBoxes }).map((_, index) => {
-				const width = `${100 / numBoxes}%`;
+				const width = `${200 / numBoxes}%`;
 				return (
 					<Skeleton
 						variant="rounded"
 						width={width}
-						height={50}
+						height={100}
 						key={index}
 					/>
 				);
@@ -25,6 +26,7 @@ const SkeletonLayout = ({ numBoxes }) => {
 };
 
 SkeletonLayout.propTypes = {
+	flexWrap: PropTypes.string,
 	numBoxes: PropTypes.number,
 };