put the refresh in the finally block since the bin was being refreshed before that changes had occured

src/bin/BinTransactions.tsx

@@ -162,8 +162,9 @@ export default function BinTransactions(props: Props){
         }
       }).catch(err => {
         openSnack("There was a problem submitting transaction approval")
+      }).finally(() => {
+        refresh()
       })
-      refresh()
     }
   }
 
@@ -174,9 +175,10 @@ export default function BinTransactions(props: Props){
         openSnack("Transaction rejected")
       }).catch(err => {
         openSnack("There was a problem rejecting the transaction")
+      }).finally(() => {
+        refresh()
       })
     }
-    refresh()
   }
 
   const getOptions = (type: pond.ObjectType) => {

src/pages/Bin.tsx

@@ -266,6 +266,7 @@ export default function Bin(props: Props) {
   // }))
 
   const load = useCallback(() => {
+    console.log(loadRef.current)
     if (loadRef.current || user.id() === "") return;
     setBinLoading(true);
     loadRef.current = true;
@@ -1126,7 +1127,7 @@ export default function Bin(props: Props) {
   };
 
   return (
-    <PageContainer padding={1}>
+    <PageContainer spacing={1}>
       {showPlenumError()}
       <Box
         paddingBottom={isMobile || displayMobile ? 1 : 2}