From 5f43c23b26ce88801ec1baa57e31f07a53f925ce Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 26 Nov 2025 18:56:48 +0000
Subject: [PATCH] fixes for allback

---
 client/src/components/design-elements/Fallback.tsx   | 12 ++----------
 .../src/components/design-elements/SkeletonCard.tsx  |  4 ++--
 client/src/pages/pagespeed/PageSpeedMonitors.tsx     |  2 +-
 3 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/client/src/components/design-elements/Fallback.tsx b/client/src/components/design-elements/Fallback.tsx
index 0f5226352..c32e581c0 100644
--- a/client/src/components/design-elements/Fallback.tsx
+++ b/client/src/components/design-elements/Fallback.tsx
@@ -1,4 +1,3 @@
-import Box from "@mui/material/Box";
 import Stack from "@mui/material/Stack";
 import SkeletonCard from "@/components/design-elements/SkeletonCard";
 import Typography from "@mui/material/Typography";
@@ -32,7 +31,7 @@ export const BaseFallback: React.FC<BaseFallbackProps> = ({
         lg: "50%",
         xl: "40%",
       }}
-      padding={{ xs: theme.spacing(4), md: theme.spacing(16) }}
+      padding={{ xs: theme.spacing(8), md: theme.spacing(16) }}
       bgcolor={theme.palette.primary.main}
       border={1}
       borderColor={theme.palette.primary.lowContrast}
@@ -42,14 +41,7 @@ export const BaseFallback: React.FC<BaseFallbackProps> = ({
       }}
       {...props}
     >
-      <Box
-        mt={theme.spacing(32)}
-        mb={theme.spacing(8)}
-        width={"80%"}
-        maxWidth={216}
-      >
-        <SkeletonCard showHalo={true} />
-      </Box>
+      <SkeletonCard showHalo={true} />
       {children}
     </Stack>
   );
diff --git a/client/src/components/design-elements/SkeletonCard.tsx b/client/src/components/design-elements/SkeletonCard.tsx
index 70aebbaf1..d7feb9eee 100644
--- a/client/src/components/design-elements/SkeletonCard.tsx
+++ b/client/src/components/design-elements/SkeletonCard.tsx
@@ -12,7 +12,7 @@ interface SkeletonCardProps {
  * Default size is 60% of original design
  */
 const SkeletonCard: React.FC<SkeletonCardProps> = ({
-  width = "100%",
+  width = 216,
   showHalo = true,
 }) => {
   const theme = useTheme();
@@ -66,7 +66,7 @@ const SkeletonCard: React.FC<SkeletonCardProps> = ({
   };
 
   return (
-    <Box sx={{ position: "relative" }}>
+    <Box sx={{ position: "relative", mt: 20 }}>
       {showHalo && (
         <Box
           sx={{
diff --git a/client/src/pages/pagespeed/PageSpeedMonitors.tsx b/client/src/pages/pagespeed/PageSpeedMonitors.tsx
index 69cc160f7..66d931f17 100644
--- a/client/src/pages/pagespeed/PageSpeedMonitors.tsx
+++ b/client/src/pages/pagespeed/PageSpeedMonitors.tsx
@@ -77,7 +77,7 @@ const PageSpeedMonitorsPage = () => {
   return (
     <MonitorBasePageWithStates
       loading={isValidating}
-      error={true}
+      error={error}
       items={monitors}
       page="pageSpeed"
       actionLink="/pagespeed/create"