[Table] Empty state of table has hover styling

[heinsj]

trafficstars

What package is this for?

• [x] React
• [ ] Angular

Describe the bug

When a table is empty and the empty state message shows, the entire empty table has a hover state. This is causing users to expect an action on the empty state.

To Reproduce

Steps to reproduce the behavior:

1. Go to the storybook > Table > with searching ([https://next.carbon-addons-iot-react.com/?path=/story/1-watson-iot-table--with-searching])
2. Search for something that will return no results, such as 'elephant'
3. Get the empty state
4. Mouse over the empty area and see the background change

Please create a reduced test case in CodeSandbox: https://codesandbox.io/s/github/carbon-design-system/carbon-addons-iot-react/tree/next/packages/react/examples/codesandbox

Expected behavior

I did not expect to see hover styling on the overall empty table area. I only expect to see hover styling on a button or link if those are included in the empty state text.

Environment/versions:

• OS: All
• Browser: All
• carbon-addons-iot-react version: [e.g. v2.60.0]

Additional context

If applicable, add screenshots to help explain your problem. Empty table with no hover:

Empty table showing hover styling:

Specific timeline issues / requests

Do you want this work within a specific time period? We are closing down our release in April and would like a fix by then.

NB: The core contributors will try to work with your timeline, but it's not guaranteed. The earlier you make a request in advance of a desired delivery date, the better!