CAT-1001 fix homepage image behavior with shrinking viewport

hubmapconsortium · Nov 7, 2024 · b864355 · b864355
1 parent fa9c12d
commit b864355
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/CHANGELOG-cat-1000-1001.md b/CHANGELOG-cat-1000-1001.md
@@ -0,0 +1 @@
+- Fix minor graphical issues in homepage hero section.
diff --git a/context/app/static/js/components/home/Hero/styles.ts b/context/app/static/js/components/home/Hero/styles.ts
@@ -73,9 +73,7 @@ export const HeroPanelContainer = styled(Box)<HeroSubContainerProps>(({ theme, $
   },
 }));
 
-export const StyledImage = styled('img')(({ theme }) => ({
-  [theme.breakpoints.up('md')]: {
-    maxWidth: '100%',
-    height: 'auto',
-  },
+export const StyledImage = styled('img')(() => ({
+  maxWidth: '100%',
+  height: 'auto',
 }));