Login: #toggleBox position:absolute;left:0 breaks layout in Chrome (3.0.100)

[michaelplet777]

Bug description

On the login page (/login) in DefectDojo 3.0.100, the "Show Password" toggle (#toggleBox) is rendered at the far left of the viewport in Google Chrome (including incognito). In Safari and Firefox it appears correctly below the password field.

Login and functionality work; this is a layout/CSS issue only.

Steps to reproduce

1. Open /login on any DefectDojo 3.0.100 instance in Google Chrome (tested: latest Chrome on macOS).
2. Observe the "Show Password" link/button — it appears at the left edge of the window, outside the login card.
3. Open the same page in Safari or Firefox — the toggle is positioned correctly under the password field.

Root cause (DevTools)

The button #toggleBox has CSS:

#toggleBox {
  position: absolute !important;
  left: 0 !important;
}

Chrome positions it relative to an ancestor in a way that places it at left: 0 of the viewport. Safari/Firefox handle the containing block differently.

HTML:

Show Password

Environment
DefectDojo version: 3.0.100
Browser: Chrome (broken), Safari + Firefox (OK)
OS: macOS

Expected behavior
"Show Password" should appear directly below the password field, inside the login card.

Actual behavior
In Chrome, the toggle is pinned to the left side of the screen.

Suggested fix
Remove or adjust position: absolute; left: 0 on #toggleBox for the new Tailwind-based login template, e.g. use normal flow or position: relative within the password form group.

Defectdojo.-.Chrome.bug.docx