Avatar status icon makes the whole component taller

[tomasiser]

Bug Report

Steps

Try modifying the <List /> example:
https://stardust-ui.github.io/react/components/list#types-list

  <List
    items={[
      {
        key: 'irving',
        media: <Avatar src="public/images/avatar/small/matt.jpg" />,
        header: 'Irving Kuhic',
        headerMedia: '7:26:56 AM',
        content: 'Program the sensor to the SAS alarm through the haptic SQL card!',
      },
      {
        key: 'skyler',
        media: <Avatar src="public/images/avatar/small/steve.jpg" status="Available" />,
        header: 'Skyler Parks',
        headerMedia: '11:30:17 PM',
        content: 'Use the online FTP application to input the multi-byte application!',
      },
      {
        key: 'dante',
        media: <Avatar src="public/images/avatar/small/nom.jpg" />,
        header: 'Dante Schneider',
        headerMedia: '5:22:40 PM',
        content: 'The GB pixel is down, navigate the virtual interface!',
      },
    ]}
  />

Expected Result

All three avatars should have the same height, aligning perfectly in the list.

Actual Result

The avatar with the status icon is taller and messes up the alignment.

With status icon (height 45.98px):

Without status icon (height 31.98px):

Version

0.2.3

[levithomason]

This is a superb bug report, thanks much!

[levithomason]

Fixed and released in @stardust-ui/react@0.2.6.