diff --git a/lib/src/components/input/Input.tsx b/lib/src/components/input/Input.tsx index e779ae752..01aaad326 100644 --- a/lib/src/components/input/Input.tsx +++ b/lib/src/components/input/Input.tsx @@ -114,12 +114,20 @@ export type InputProps = Omit< } export const Input: React.ForwardRefExoticComponent = - React.forwardRef(({ className, size = 'md', state, disabled, css, ...rest }, ref) => { - return ( - - - - ) - }) + React.forwardRef( + ({ className, size = 'md', state, disabled, css, ...rest }, ref) => { + return ( + + + + ) + } + ) Input.displayName = 'Input' diff --git a/lib/src/components/search-input/SearchInput.tsx b/lib/src/components/search-input/SearchInput.tsx index 80de93cc7..0abf499ed 100644 --- a/lib/src/components/search-input/SearchInput.tsx +++ b/lib/src/components/search-input/SearchInput.tsx @@ -45,12 +45,11 @@ const StyledIcon = styled(Icon, { } }) - const StyledSearchInputText = styled(InputText, { '&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button': - { - display: 'none' - } + { + display: 'none' + } }) export const SearchInput: React.ForwardRefExoticComponent = @@ -146,10 +145,7 @@ export const SearchInput: React.ForwardRefExoticComponent = } return ( - +