[Security Solution]UI [drop down icon and text] is broken when "severity override" is checked under the create a new rule tab.

[MadameSheema]

Originally reported by: @deepikakeshav-qasource

Describe the bug
UI [drop down icon and text] is broken when "severity override" is checked under the create a new rule tab.

Build Details:

Elastic-Stack: 7.10.0

Browser Details
All

Preconditions

1. Kibana and elastic search should be up and running
2. Audit beat Data Shipper should be installed and running.

Steps to Reproduce

1. Navigate to the Detections tab
2. Click on Create new rule.
3. Fill Custom query with: host.name: * and click on the Continue button
4. In the About rule section select the "severity override" checkbox.
5. Observe that text and drop-down icon UI is broken.

Impacted Test case(s)
N/A

Actual Result
UI [drop down icon and text] is broken when "severity override" is checked under the create a new rule tab.

Expected Result
Text and drop-down icon should not be broken when "severity override" is checked under the create a new rule tab.

What's Working
N/A

What's Not Working
This issue is also occurring on MacOS safari

Screenshot:

[MadameSheema]

Thanks for the fix @banderror!!

When a bug is fixed we label it with the fixed label and we keep it open until we can validate it on the next release process ;)

@spong @peluja1012 as this is already fixed what to do you think about targeting 7.10.1 as well?

[yctercero]

Sorry @MadameSheema I went through the merge process with @banderror and it seems to have closed the ticket automatically on merge because it was linked in the PR. Wonder if there's a setting to prevent automatic closure of tickets on merge.

[spong]

@MadameSheema It's a low-risk fix so I'm not opposed to targeting 7.10.1 as well since this is a nice usability enhancement.

[banderror]

A list of PRs for convenience:

• -> 8.0 [Security Solution][Detections] Fix "Severity override" dropdowns in "Create new rule" -> "About rule" #82271
• -> 7.11 [7.x] [Security Solution][Detections] Fix "Severity override" dropdowns in "Create new rule" -> "About rule" (#82271) #82427
• -> 7.10.1 [7.10] [Security Solution][Detections] Fix "Severity override" dropdowns in "Create new rule" -> "About rule" (#82271) #83272

[ghost]

Hi @MadameSheema

We have validated this issue on "7.10.1-SNAPSHOT" and found that issue is Fixed. Severity Override section drop-down icon and text displayed properly on UI.

Moreover we have Updated 01 Existing Test-case for this issue.

Build details:

Platform : Staging
Version : 7.10.1
Commit:8429d582611223b275fe05c987b06583744c52c2
Build number : 36023
Firefox: 83.0

Artifact Page : https://artifacts-api.elastic.co/v1/search/7.10.1-SNAPSHOT

Snap-Shoot:

---

Test-Case Updated:

• Updated 01 Test-Cases

Test-Case Link	Title	Remark
C18045	Validate that Severity override apply correctly on Alert	Added UI Validation Checkpoint

---

Test-Case Execution :

Test-Case Link	Title	Remark
C18045	Validate that Severity override apply correctly on Alert	Pass

---

Please let us known if we are missing something. we will close this issue once BC build for 7.10.1 will be available.

thanks !!