From e654aa002b6dac4cecaed011c7b1d479d394c8a6 Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Fri, 27 Jun 2025 11:33:43 -0600
Subject: [PATCH] changed default spacing value back to 0, fixed some
 pageContainers using padding instead of spacing

---
 src/pages/Bin.tsx           | 2 +-
 src/pages/PageContainer.tsx | 2 +-
 src/pages/Team.tsx          | 2 +-
 src/pages/Teams.tsx         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Bin.tsx b/src/pages/Bin.tsx
index fc9463f..fcc1117 100644
--- a/src/pages/Bin.tsx
+++ b/src/pages/Bin.tsx
@@ -1107,7 +1107,7 @@ export default function Bin(props: Props) {
   };
 
   return (
-    <PageContainer spacing={1}>
+    <PageContainer >
       {showPlenumError()}
       <Box
         paddingBottom={isMobile || displayMobile ? 1 : 2}
diff --git a/src/pages/PageContainer.tsx b/src/pages/PageContainer.tsx
index 524fbbf..2915e5b 100644
--- a/src/pages/PageContainer.tsx
+++ b/src/pages/PageContainer.tsx
@@ -48,7 +48,7 @@ export const PageContainer: React.FunctionComponent<Props> = (props: Props) => {
   const { children, fullViewport, isCenterCenter, sx } = props;
   // let fullViewport = false
   // let isCenterCenter = false
-  const spacing = props.spacing ? props.spacing : 2;
+  const spacing = props.spacing ?? 0;
   return (
     <Container
       className={classNames(
diff --git a/src/pages/Team.tsx b/src/pages/Team.tsx
index 7a8f29f..dd88fdd 100644
--- a/src/pages/Team.tsx
+++ b/src/pages/Team.tsx
@@ -214,7 +214,7 @@ export default function TeamPage() {
   }
   
   return (
-    <PageContainer padding={isMobile ? 0 : 2}>
+    <PageContainer spacing={isMobile ? 0 : 2}>
       <Box className={classes.container}>
         <Box className={classes.leftBox}>
           {title()}
diff --git a/src/pages/Teams.tsx b/src/pages/Teams.tsx
index 2e74628..90e3401 100644
--- a/src/pages/Teams.tsx
+++ b/src/pages/Teams.tsx
@@ -5,7 +5,7 @@ import TeamList from "teams/TeamList";
 export default function Teams() {
   const isMobile = useMobile()
   return (
-    <PageContainer padding={isMobile ? 0 : 2}>
+    <PageContainer spacing={isMobile ? 0 : 2}>
       <TeamList />
     </PageContainer>
   );