From 21bee06f1ab8b17cebc9f50a926c0a87bb1721b0 Mon Sep 17 00:00:00 2001
From: Jeff Johnson <jeff.johnson@gusto.com>
Date: Fri, 24 Oct 2025 09:34:17 -0700
Subject: [PATCH] fix: remove base image styles in favor of emptydata styles

---
 src/components/Common/EmptyData/EmptyData.module.scss | 6 ++++++
 src/components/Common/EmptyData/EmptyData.tsx         | 2 +-
 src/styles/_Base.scss                                 | 7 -------
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/Common/EmptyData/EmptyData.module.scss b/src/components/Common/EmptyData/EmptyData.module.scss
index 6198886ae..69ec8a9ab 100644
--- a/src/components/Common/EmptyData/EmptyData.module.scss
+++ b/src/components/Common/EmptyData/EmptyData.module.scss
@@ -5,8 +5,14 @@
   }
   width: 100%;
 }
+
 .title {
   font-size: var(--g-fontSizeHeading3);
   font-weight: var(--g-fontWeightMedium);
   color: var(--g-colorBodyContent);
 }
+
+.image {
+  max-width: 100%;
+  display: block;
+}
diff --git a/src/components/Common/EmptyData/EmptyData.tsx b/src/components/Common/EmptyData/EmptyData.tsx
index 8850526fc..3157054a2 100644
--- a/src/components/Common/EmptyData/EmptyData.tsx
+++ b/src/components/Common/EmptyData/EmptyData.tsx
@@ -15,7 +15,7 @@ export function EmptyData({ title, description, children }: EmptyDataProps) {
   return (
     <div className={styles.emptyData} data-testid="emptydata">
       <Flex flexDirection="column" alignItems="center">
-        <img src={magnifyingGlass} alt={t('icons.magnifyingGlass')} />
+        <img src={magnifyingGlass} alt={t('icons.magnifyingGlass')} className={styles.image} />
         {title && (
           <Text weight="bold" className={styles.title}>
             {title}
diff --git a/src/styles/_Base.scss b/src/styles/_Base.scss
index 7a0aeb164..73e147df0 100644
--- a/src/styles/_Base.scss
+++ b/src/styles/_Base.scss
@@ -18,13 +18,6 @@
     font-size: var(--g-fontSizeSmall);
   }
 
-  /* Make images easier to work with */
-  img,
-  picture {
-    max-width: 100%;
-    display: block;
-  }
-
   ul {
     margin: 0;
     display: flex;