diff --git a/src/components/ButtonDropdown/ButtonDropdown.jsx b/src/components/ButtonDropdown/ButtonDropdown.jsx index a7ed894ee01..91b78b63ca7 100644 --- a/src/components/ButtonDropdown/ButtonDropdown.jsx +++ b/src/components/ButtonDropdown/ButtonDropdown.jsx @@ -7,12 +7,7 @@ import styles from './ButtonDropdown.module.scss'; const ButtonDropdown = ({ children, onChange, value, ariaLabel, divClassName, testId }) => (
- + {children} diff --git a/src/components/ButtonDropdown/ButtonDropdown.module.scss b/src/components/ButtonDropdown/ButtonDropdown.module.scss index adf23309c2a..57f0848210f 100644 --- a/src/components/ButtonDropdown/ButtonDropdown.module.scss +++ b/src/components/ButtonDropdown/ButtonDropdown.module.scss @@ -3,7 +3,11 @@ .ButtonDropdown { position: relative; - display: inline-block; + display: flex; + align-items: center; + font-weight: 600; + font-size:1.06rem; + select { color: white; background-color: $primary; diff --git a/src/components/Customer/WizardNavigation/WizardNavigation.module.scss b/src/components/Customer/WizardNavigation/WizardNavigation.module.scss index ff44b506a42..5c4bb2514fe 100644 --- a/src/components/Customer/WizardNavigation/WizardNavigation.module.scss +++ b/src/components/Customer/WizardNavigation/WizardNavigation.module.scss @@ -5,7 +5,9 @@ display: flex; flex-wrap: wrap; - button { + button, + :global(.usa-button){ + margin: 0; flex-grow: 0; flex-basis: auto; } diff --git a/src/components/Office/CustomerSupportRemarkForm/CustomerSupportRemarkForm.module.scss b/src/components/Office/CustomerSupportRemarkForm/CustomerSupportRemarkForm.module.scss index e0c5ab680f3..7df8d12068a 100644 --- a/src/components/Office/CustomerSupportRemarkForm/CustomerSupportRemarkForm.module.scss +++ b/src/components/Office/CustomerSupportRemarkForm/CustomerSupportRemarkForm.module.scss @@ -14,4 +14,5 @@ .newRemarkTextArea { resize: vertical; + margin-bottom: 2rem; }