fix icon sizing without label

equinor · Jan 14, 2025 · 14b569a · 14b569a
1 parent e8d0b78
commit 14b569a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/status-popover/dev.tsx b/src/components/status-popover/dev.tsx
@@ -1,3 +1,5 @@
+import { Icon } from '@equinor/eds-core-react';
+import { check } from '@equinor/eds-icons';
 import { StatusPopover, type StatusPopoverType } from './status-popover';
 
 const types = [
@@ -23,6 +25,7 @@ export default (
     {labels.map((label, i) =>
       types.map((type) => (
         <StatusPopover
+          icon={<Icon data={check} />}
           title={type}
           key={label + type}
           label={label}

diff --git a/src/components/status-popover/style.css b/src/components/status-popover/style.css
@@ -11,6 +11,11 @@
       margin-right: 2px;
     }
 
+    & svg {
+      width: 16px;
+      height: 16px;
+    }
+
     color: var(--eds_interactive_primary__resting);
     & svg {
       fill: var(--eds_interactive_primary__resting);