[Security Solution][Firefox 89.0.2 ]Copy to Clipboard icon not clickable due to text alinging issue for more than 2 event cards

[ghost]

Describe the bug Copy to Clipboard icon not clickable due to text aligning issue for more than 2 event cards

Build Details:

version: 7.14.0-BC2
Commit:9826a943dc2e47f26ec6de94816e7d297b752994
Build:42401

Browser Details: N/A

Browser Details All

Preconditions

• Few Detection Alerts should be generated.
• Auditbeat and Endpoint Security should be installed.

Steps to Reproduce

1. log in to Kibana.
2. Go to Host > Events.
3. Click on the Analyzer icon , make sure it should have more than 3 4 events.
4. Click on the copy to clipboard icon for the first event timestamp.
5. Observed that due to text aligning issue , the copy to clipboard icon not able to click on the first event under resolver.

Actual Result Copy to Clipboard icon not clickable due to text aligning issue for more than 2 event cards

Expected Result Copy to Clipboard icon should be clickable for each data card and text should be aligned properly

Whats Working

• Copy to Clipboard icon is workable for single event card

Whats Not Working

• N/A

Screen-Shoot Screen-Cast

https://user-images.githubusercontent.com/59917825/125409505-96a90600-e3d9-11eb-9284-74babb700998.mp4

logs N/A

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)

[ghost]

@manishgupta-qasource please review

[manishgupta-qasource]

Reviewed & Assigned to @MadameSheema

[elasticmachine]

Pinging @elastic/security-threat-hunting (Team:Threat Hunting)

[XavierM]

@kqualters-elastic how bad is this one?

[ghost]

Hi @MadameSheema

We have validated this issue on 7.15.0-SNAPSHOTand found it still occuring.

Build Details:

Version:7.15.0-SNAPSHOT
commit:00fcc2cd00d309f4c17db4ec7d552bc54fbd1b81
Build:43271

Snap-Shoot:

• on bulk events on trying to click the copy icon it get collapsed to another event

[cybersecdiva]

Tested in 8.12.0 BC6

Build Details:

VERSION: 8.12.0 BC6
BUILD: 70088
COMMIT: e9092c0a17923f4ed984456b8a5db619b0a794b3

Steps to reproduce:

Navigate to Security-> Hosts ->

• Click on the Analyzer icon , make sure it should have more than 3 or 4 events.
• Click on the copy to clipboard icon for the first event timestamp.
• Observe that due to text aligning issue, the copy to clipboard icon is not able to click on the first event under resolver.

Current behavior: Copy to Clipboard icon not clickable due to text aligning issue for more than 2 event cards

Expected behavior: Copy to Clipboard icon should be clickable for each data card and text should be aligned properly

Screenshots:

Screen-share recording:

https://github.com/elastic/kibana/assets/35679937/1ab7460a-5af1-4232-b719-39b6b851fb1a

Observations and Results:

• I have tested in 8.12.0 BC6 and the behavior is still occurring
• @MadameSheema FYI