diff --git a/packages/design-system/lib/components/Image/index.tsx b/packages/design-system/lib/components/Image/index.tsx
index 7e3fce770..8b93445e4 100644
--- a/packages/design-system/lib/components/Image/index.tsx
+++ b/packages/design-system/lib/components/Image/index.tsx
@@ -45,7 +45,7 @@ export default function Image({
}
if (!src || imageError) {
- return
+ return
}
return (
diff --git a/packages/design-system/lib/components/ImageFallback/imageFallback.module.css b/packages/design-system/lib/components/ImageFallback/imageFallback.module.css
index c688c2a15..ec6464305 100644
--- a/packages/design-system/lib/components/ImageFallback/imageFallback.module.css
+++ b/packages/design-system/lib/components/ImageFallback/imageFallback.module.css
@@ -7,4 +7,8 @@
min-width: 200px;
min-height: 200px;
background-color: var(--Surface-Feedback-Neutral-light);
+
+ &.fill {
+ position: absolute;
+ }
}
diff --git a/packages/design-system/lib/components/ImageFallback/index.tsx b/packages/design-system/lib/components/ImageFallback/index.tsx
index 1c43c0ab3..e24702c57 100644
--- a/packages/design-system/lib/components/ImageFallback/index.tsx
+++ b/packages/design-system/lib/components/ImageFallback/index.tsx
@@ -6,18 +6,20 @@ import styles from "./imageFallback.module.css"
interface ImageFallbackProps extends React.HTMLAttributes {
width?: string
height?: string
+ fill?: boolean
}
export default function ImageFallback({
width = "100%",
height = "100%",
className,
+ fill = false,
...props
}: ImageFallbackProps) {
return (