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" },
];