Listview.Item actions bleeding off container #148

The ListView.Item actions are pushed outside of the container when header text is lengthy. I've been able to reproduce this issue in the storybook by adding actions to one of the ListView.Items with long header text here.

The actions I added were

actions={
  <div>
    <Button>Action 1</Button>
    <DropdownKebab id="action2kebab" pullRight>
      <MenuItem>Action 2</MenuItem>
    </DropdownKebab>
  </div>
}

It appears that at a certain viewport width the header text is truncated with an ellipses (which I assume is the desired behavior?). The css property white-space: nowrap; is also applied which causes the actions to be pushed out. Disabling this property on the .list-group-item-heading class fixes the issue.

I posted this issue on the main Patternfly repo here but I haven't received any response.

This is blocking one of the pages we're working on in Katello so any help/ideas are appreciated!