test: use display block on images inzero bounds tests to ensure corre…

…ct sizing
nerdyman · Sep 6, 2024 · 6c213fe · 6c213fe
1 parent 77dff61
commit 6c213fe
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/docs/storybook/content/stories/99-tests/zero-bounds.test.stories.tsx b/docs/storybook/content/stories/99-tests/zero-bounds.test.stories.tsx
@@ -52,15 +52,15 @@ export const ZeroBoundsWithLazyContent = () => {
           data-testid="one"
           alt="one"
           src="https://raw.githubusercontent.com/nerdyman/stuff/main/libs/react-compare-slider/demo-images/e2e-test-1.png"
-          style={{ width: 128, height: 128, objectFit: 'cover' }}
+          style={{ display: 'block', width: 128, height: 128, objectFit: 'cover' }}
         />
       ),
       itemTwo: (
         <img
           data-testid="two"
           alt="two"
           src="https://raw.githubusercontent.com/nerdyman/stuff/main/libs/react-compare-slider/demo-images/e2e-test-2.png"
-          style={{ width: 128, height: 128, objectFit: 'cover' }}
+          style={{ display: 'block', width: 128, height: 128, objectFit: 'cover' }}
         />
       ),
     }));