diff --git a/src/frontend/apps/impress/cunningham.ts b/src/frontend/apps/impress/cunningham.ts index 0ebd5ba6..a181619e 100644 --- a/src/frontend/apps/impress/cunningham.ts +++ b/src/frontend/apps/impress/cunningham.ts @@ -286,6 +286,7 @@ const config = { button: { 'medium-height': '48px', 'border-radius': '8px', + 'border-radius--active': '8px', 'font-weight': '600', primary: { background: { diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css index b1929c47..2fd0b2f7 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css @@ -396,6 +396,7 @@ ); --c--components--button--medium-height: 48px; --c--components--button--border-radius: 8px; + --c--components--button--border-radius--active: 8px; --c--components--button--font-weight: 600; --c--components--button--primary--background--color: var( --c--theme--colors--primary-700 diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts index b04b88d5..804ac148 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts @@ -431,6 +431,7 @@ export const tokens = { button: { 'medium-height': '48px', 'border-radius': '8px', + 'border-radius--active': '8px', 'font-weight': '600', primary: { background: { diff --git a/src/frontend/apps/impress/src/features/language/LanguagePicker.tsx b/src/frontend/apps/impress/src/features/language/LanguagePicker.tsx index 2e925e75..e5a7555d 100644 --- a/src/frontend/apps/impress/src/features/language/LanguagePicker.tsx +++ b/src/frontend/apps/impress/src/features/language/LanguagePicker.tsx @@ -17,7 +17,7 @@ const SelectStyled = styled(Select)<{ $isSmall?: boolean }>` height: auto; border-color: #ddd; padding: 0 0.15rem 0 0.45rem; - border-radius: 1px; + border-radius: var(--c--components--button--border-radius); .labelled-box .labelled-box__children { padding-right: 2rem;