diff --git a/interface/src/components/loading/LazyLoader.tsx b/interface/src/components/loading/LazyLoader.tsx
new file mode 100644
index 000000000..d21e0a147
--- /dev/null
+++ b/interface/src/components/loading/LazyLoader.tsx
@@ -0,0 +1,20 @@
+import { Box, CircularProgress } from '@mui/material';
+
+const LazyLoader = () => (
+  <Box
+    display="flex"
+    justifyContent="center"
+    alignItems="center"
+    minHeight="200px"
+    sx={{
+      backgroundColor: 'background.default',
+      borderRadius: 1,
+      border: '1px solid',
+      borderColor: 'divider'
+    }}
+  >
+    <CircularProgress size={40} />
+  </Box>
+);
+
+export default LazyLoader;
diff --git a/interface/src/components/loading/index.ts b/interface/src/components/loading/index.ts
index 76041e14b..83aa1ddf0 100644
--- a/interface/src/components/loading/index.ts
+++ b/interface/src/components/loading/index.ts
@@ -1,2 +1,3 @@
 export { default as LoadingSpinner } from './LoadingSpinner';
 export { default as FormLoader } from './FormLoader';
+export { default as LazyLoader } from './LazyLoader';