Card title and description overflow

[ziad-saab]

The following Custom UI code:

<Card
  title="Card with a very very very very very very very very  long title"
  description="This description is sooooooo long that it overflows the bounds of the window"
  value="Card value"
  extra="Card extra"
/>

Results in the following output:

In addition to title and description overflowing, the value and extra strings are presumably pushed all the way to the right and not displayed at all.

If we instead have very long value and/or extra props:

<Card
  title="Card title"
  description="Card description"
  value="This is a very very very very super extra extra long card value"
  extra="This is a very very very very super extra extra long card extra"
/>

The result looks like this:

It seems like value and extra are properly overflowed, but there's no spacing between them and their title/description companions.