Development » Invoice Generator

When navigating through the input fields in the "Shipping To," "Invoice To," and "Invoice By" sections using the Tab key:

• The border thickness of focused fields varies. Example: The "Country" field displays a thick border, while "Company" and "Street" fields show thinner borders.
• The "Phone Number" field does not display any border to indicate focus.
  This inconsistency creates a poor user experience and makes it difficult to identify the focused input field.

Steps to Reproduce:

1. Open the invoice generator page.
2. Navigate to the "Shipping To," "Invoice To," or "Invoice By" sections.
3. Use the Tab key to navigate through the input fields.
4. Observe the border styling for each focused field.

Expected Behavior:

• All input fields should have a consistent focus border style (e.g., thickness, color, and visibility) when navigated using the Tab key.

Actual Behavior:

• The focus border styling is inconsistent across input fields:
  • Some fields show thick borders (e.g., "Country").
  • Others show thin borders (e.g., "Company," "Street").
  • Some fields (e.g., "Phone Number") lack a visible focus border entirely.