diff --git a/packages/lsd-react/src/components/Autocomplete/Autocomplete.styles.ts b/packages/lsd-react/src/components/Autocomplete/Autocomplete.styles.ts index 79072e2..c026341 100644 --- a/packages/lsd-react/src/components/Autocomplete/Autocomplete.styles.ts +++ b/packages/lsd-react/src/components/Autocomplete/Autocomplete.styles.ts @@ -116,6 +116,7 @@ export const AutocompleteStyles = css` .${autocompleteClasses.outlinedBottom} .${autocompleteClasses.inputContainer} { + border: 1px solid transparent; border-bottom: 1px solid rgb(var(--lsd-border-primary)); } diff --git a/packages/lsd-react/src/components/Dropdown/Dropdown.styles.ts b/packages/lsd-react/src/components/Dropdown/Dropdown.styles.ts index 01c2248..eb9c2af 100644 --- a/packages/lsd-react/src/components/Dropdown/Dropdown.styles.ts +++ b/packages/lsd-react/src/components/Dropdown/Dropdown.styles.ts @@ -137,6 +137,7 @@ export const DropdownStyles = css` .${dropdownClasses.outlinedBottom} { .${dropdownClasses.buttonContainer} { + border: 1px solid transparent; border-bottom: 1px solid rgb(var(--lsd-border-primary)); } } diff --git a/packages/lsd-react/src/components/TextField/TextField.styles.ts b/packages/lsd-react/src/components/TextField/TextField.styles.ts index eb32d94..ee89df4 100644 --- a/packages/lsd-react/src/components/TextField/TextField.styles.ts +++ b/packages/lsd-react/src/components/TextField/TextField.styles.ts @@ -61,6 +61,7 @@ export const TextFieldStyles = css` } .${textFieldClasses.outlinedBottom} { + border: 1px solid transparent; border-bottom: 1px solid rgb(var(--lsd-border-primary)); }