diff --git a/app/client/packages/design-system/theming/src/hooks/src/useCssTokens.tsx b/app/client/packages/design-system/theming/src/hooks/src/useCssTokens.tsx index 86fe3be27d..eb7a5dd81a 100644 --- a/app/client/packages/design-system/theming/src/hooks/src/useCssTokens.tsx +++ b/app/client/packages/design-system/theming/src/hooks/src/useCssTokens.tsx @@ -9,7 +9,7 @@ const fontFamilyCss = (fontFamily?: FontFamily) => { const fontFamilyCss = fontFamily && fontFamily !== "System Default" ? `${fontFamily}, sans-serif` - : "-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Ubuntu'"; + : "-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Ubuntu', sans-serif"; return `font-family: ${fontFamilyCss}; --font-family: ${fontFamilyCss}`; }; diff --git a/app/client/packages/design-system/widgets/src/components/Button/src/styles.module.css b/app/client/packages/design-system/widgets/src/components/Button/src/styles.module.css index 63455475cd..2f42302caf 100644 --- a/app/client/packages/design-system/widgets/src/components/Button/src/styles.module.css +++ b/app/client/packages/design-system/widgets/src/components/Button/src/styles.module.css @@ -11,7 +11,7 @@ font-family: inherit; border-style: solid; border-width: var(--border-width-1); - padding-inline: var(--inner-spacing-2); + padding-inline: var(--inner-spacing-3); padding-block: var(--inner-spacing-2); min-inline-size: var(--sizing-8); border-radius: var(--border-radius-1); diff --git a/app/client/packages/design-system/widgets/src/components/Checkbox/src/styles.module.css b/app/client/packages/design-system/widgets/src/components/Checkbox/src/styles.module.css index 08c22fa5a9..b572fd80c3 100644 --- a/app/client/packages/design-system/widgets/src/components/Checkbox/src/styles.module.css +++ b/app/client/packages/design-system/widgets/src/components/Checkbox/src/styles.module.css @@ -10,7 +10,7 @@ width: var(--sizing-4); height: var(--sizing-4); box-shadow: var(--checkbox-box-shadow); - border-radius: clamp(0px, var(--border-radius-1), 6px); + border-radius: clamp(0px, var(--border-radius-1), 25%); color: transparent; display: inline-flex; align-items: center; diff --git a/app/client/packages/storybook/src/components/ThemeSettings.tsx b/app/client/packages/storybook/src/components/ThemeSettings.tsx index e72576f806..e4776dea42 100644 --- a/app/client/packages/storybook/src/components/ThemeSettings.tsx +++ b/app/client/packages/storybook/src/components/ThemeSettings.tsx @@ -101,7 +101,7 @@ export const ThemeSettings = ({ > - + )} diff --git a/app/client/src/pages/Editor/WDSThemePropertyPane/constants.ts b/app/client/src/pages/Editor/WDSThemePropertyPane/constants.ts index 1bb5029d63..546d34d919 100644 --- a/app/client/src/pages/Editor/WDSThemePropertyPane/constants.ts +++ b/app/client/src/pages/Editor/WDSThemePropertyPane/constants.ts @@ -31,5 +31,5 @@ export const THEME_SETTINGS_SIZING_OPTIONS = [ export const THEME_SETTINGS_BORDER_RADIUS_OPTIONS = [ { label: "Sharp", value: "0px" }, { label: "Rounded", value: "6px" }, - { label: "Pill", value: "14px" }, + { label: "Pill", value: "20px" }, ];