diff --git a/src/SearchField/index.jsx b/src/SearchField/index.jsx index 1a54327514..060a5c979a 100644 --- a/src/SearchField/index.jsx +++ b/src/SearchField/index.jsx @@ -11,7 +11,7 @@ import SearchFieldSubmitButton from './SearchFieldSubmitButton'; export const SEARCH_FIELD_SCREEN_READER_TEXT_LABEL = 'search'; export const SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON = 'submit search'; export const SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON = 'clear search'; -export const SEARCH_FIELD_BUTTON_TEXT = 'search'; +export const SEARCH_FIELD_BUTTON_TEXT = 'Search'; const STYLE_VARIANTS = [ 'light', diff --git a/src/SearchField/index.scss b/src/SearchField/index.scss index c022684318..9dfeb08a22 100644 --- a/src/SearchField/index.scss +++ b/src/SearchField/index.scss @@ -129,6 +129,15 @@ .pgn__searchfield__button.btn[type="submit"] { border-radius: 0; margin-inline-start: var(--pgn-spacing-search-field-margin-button); + text-transform: capitalize; + + &:focus::before { + border-radius: 0; + } + + &:focus-visible::after { + content: none; + } } .pgn__searchfield__iconbutton-submit,