Merge branch 'main' into jdj/remove-small-style-from-base

Author: jeffredodd

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;
+}

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}

src/styles/_Base.scss

@@ -14,13 +14,6 @@
     box-sizing: border-box;
   }
 
-  /* Make images easier to work with */
-  img,
-  picture {
-    max-width: 100%;
-    display: block;
-  }
-
   ul {
     margin: 0;
     display: flex;