Personalize: tabs focus looks off in responsive view

[janahintal]

Describe the bug
A clear and concise description of what the bug is.

To Reproduce

Personalize: tabs focus looks off in responsive view

Steps to reproduce the behavior:

1. Go to https://main-enterprise.demo.design.infor.com/components/personalize/example-form-landmark.html?theme=new&mode=light&colors=default
2. Switch to Responsive View
3. Navigate the Tabs

Expected behavior
Selected Tabs should render properly

Version

• ids-enterprise: [e.g. v4.9.0 or v4.10.0]

Screenshots
If applicable, add screenshots to help explain your problem.

Platform

• Infor Application/Team Name: [e.g. Infor XYZ, Infor ABC]
• Device: (if applicable) [e.g. iPhone 6 or Samsung Galaxy S6]
• OS Version: [e.g. Windows 10 or iOS 8]
• Browser Name: [e.g. chrome, safari, stock browser]
• Browser Version: [e.g. 22, 66.0.3359.181 (Official Build) (64-bit)]

Additional context
Add any other context about the problem here.

[ericangeles]

@infor-design/qa, please re-test this as I don't see the issue.

[jbrcna]

the test passed on my end.

[tmcconechy]

@ericangeles the focus state used to float like this one https://4910-enterprise.demo.design.infor.com/components/personalize/example-form-landmark.html?theme=new&mode=light&colors=default

Does it look better?

[ericangeles]

@tmcconechy, it looks like there's a cut-off at the bottom. I'll adjust it.