[Security Solution] Name tooltip of trusted application displayed under description for long name

[ghost]

Description:
Name tooltip of trusted application displayed under description for long name.

Build Details:

VERSION: 7.17.6
BUILD: 47018
COMMIT: d2647b053b769d4517fbb14ce37765808a1b6e0c
ARTIFACT PAGE: https://staging.elastic.co/7.17.6-91399517/summary-7.17.6.html

Browser Details:
All

Preconditions:

1. Kibana user should be logged in
2. Endpoint Should be deployed.
3. Trusted application with long name should be available.

Steps to Reproduce:

1. Navigate to the Endpoints tab under the Endpoints section from the left-hand side navigation bar
2. Click on the Policy name.
3. Click on the 'Trusted applications' tab.
4. Hover on long trusted applications name under name field.
5. Observe that tooltip show under description column field.

Note : The tooltip moves in the right direction when we increase the character count.

• This issue is occurring for name having character count more than 104 character. ( The tooltip moves in the right direction when we increase the character count )

Note : Seeing we can't figure out if this trusted application name will be a long character, If the dot is in the last or the last character is cut off, then the user can find out whether this long character or not.

Impacted Test case:
N/A

Actual Result:
Name tooltip of trusted application displayed under description for long name

Expected Result:
Name tooltip of trusted application should displayed under name for long name.

What's Working

• N/A

What's Not Working

• This issue is also occurring for Description field of trusted application.

Screenshot:

Logs:
N/A

[elasticmachine]

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

[elasticmachine]

Pinging @elastic/security-onboarding-and-lifecycle-mgt (Team:Onboarding and Lifecycle Mgt)

[ghost]

@muskangulati-qasource : Please review the Bug

[muskangulati-qasource]

Reviewed & assigned to @kevinlog