refactor Select component to use settings variant for settings modal styling

1 files changed, 6 insertions, 0 deletions

diff --git a/packages/app/src/components/settings-general.tsx b/packages/app/src/components/settings-general.tsx
index 4e0fa765f..e8749cbde 100644
--- a/packages/app/src/components/settings-general.tsx
+++ b/packages/app/src/components/settings-general.tsx
@@ -69,6 +69,7 @@ export const SettingsGeneral: Component = () => {
                 }}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
               />
             </SettingsRow>
 
@@ -99,6 +100,7 @@ export const SettingsGeneral: Component = () => {
                 }}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
               />
             </SettingsRow>
 
@@ -111,6 +113,7 @@ export const SettingsGeneral: Component = () => {
                 onSelect={(option) => option && settings.appearance.setFont(option.value)}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
                 triggerStyle={{ "font-family": monoFontFamily(settings.appearance.font()), "min-width": "180px" }}
               >
                 {(option) => <span style={{ "font-family": monoFontFamily(option?.value) }}>{option?.label}</span>}
@@ -172,6 +175,7 @@ export const SettingsGeneral: Component = () => {
                 }}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
               />
             </SettingsRow>
 
@@ -192,6 +196,7 @@ export const SettingsGeneral: Component = () => {
                 }}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
               />
             </SettingsRow>
 
@@ -212,6 +217,7 @@ export const SettingsGeneral: Component = () => {
                 }}
                 variant="secondary"
                 size="small"
+                triggerVariant="settings"
               />
             </SettingsRow>
           </div>