diff --git a/src/components/input/styles/SInput.tsx b/src/components/input/styles/SInput.tsx index 698a43a2..b4c2079b 100644 --- a/src/components/input/styles/SInput.tsx +++ b/src/components/input/styles/SInput.tsx @@ -32,7 +32,11 @@ const Bronze = css` font-size: 14px; line-height: 1.71; text-align: left; - color: var(--form-item-text-color); + color: var(--text-01); + + &::placeholder { + color: var(--text-03); + } &:disabled { opacity: 0.5; diff --git a/src/components/language-format-input-dropdown/SelectLanguage.stories.tsx b/src/components/language-format-input-dropdown/SelectLanguage.stories.tsx index eed271b0..e477dbc6 100644 --- a/src/components/language-format-input-dropdown/SelectLanguage.stories.tsx +++ b/src/components/language-format-input-dropdown/SelectLanguage.stories.tsx @@ -59,6 +59,11 @@ const dataSource = [ title: "Italy", solidLabelText: "en-US", }, + { + key: "long_input", + title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et quod.", + solidLabelText: "en-US", + }, { key: "icon_title_label1", title: "Portugal", diff --git a/src/components/language-format-input-dropdown/styles/SLanguageFormatInputDropdownTextWrapper.tsx b/src/components/language-format-input-dropdown/styles/SLanguageFormatInputDropdownTextWrapper.tsx index 069dfef2..c0d04d9f 100644 --- a/src/components/language-format-input-dropdown/styles/SLanguageFormatInputDropdownTextWrapper.tsx +++ b/src/components/language-format-input-dropdown/styles/SLanguageFormatInputDropdownTextWrapper.tsx @@ -6,7 +6,7 @@ const Bronze = css` flex: 1 1 auto; flex-direction: column; align-items: flex-start; - max-width: calc(100% - 20px - 8px - 8px - 49px); + max-width: calc(100% - 8px); `; const Silver = css``;