openedx / openedx/paragon

Resolve styling mismatches in the SearchField button

Open
#4,023 0 comments 0 reactions 1 assignee View on GitHub

@filippovskii09 is already working on this.

Since Dec 12, 2025.

Dominant language
JavaScript
Stars
140
Forks
100
Avg merge
1h 3m
Merged PRs (30d)
30

Description

Description

The button in the SearchField component has a few styling issues that should be addressed:

  1. When focused, the button shows a rounded outline even though the button itself has square corners.
  2. The text inside the button ("search") starts with a lowercase letter, but it should begin with an uppercase one.
  3. When the button is focused via keyboard navigation, unexpected black inner borders appear.

SearchField external button

Image

Paragon Button component

Image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.