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;
}