diff --git a/app/client/packages/design-system/theming/src/token/src/defaultTokens.json b/app/client/packages/design-system/theming/src/token/src/defaultTokens.json
index 9ca2b9d3e3..3dd0888a4d 100644
--- a/app/client/packages/design-system/theming/src/token/src/defaultTokens.json
+++ b/app/client/packages/design-system/theming/src/token/src/defaultTokens.json
@@ -20,24 +20,24 @@
       "maxV": 4,
       "minR": 2,
       "maxR": 3,
-      "minN": 3,
+      "minN": 2,
       "maxN": 3,
       "stepsUp": 8,
       "stepsDown": 0,
-      "userSizingRatio": 0.2,
-      "userDensityRatio": 1.4
+      "userSizingRatio": 0.8,
+      "userDensityRatio": 1.5
     },
     "innerSpacing": {
-      "minV": 3,
-      "maxV": 4,
+      "minV": 2.25,
+      "maxV": 3,
       "minR": 2,
       "maxR": 3,
-      "minN": 3,
+      "minN": 2,
       "maxN": 3,
       "stepsUp": 8,
       "stepsDown": 0,
-      "userSizingRatio": 0.2,
-      "userDensityRatio": 1.4
+      "userSizingRatio": 0.25,
+      "userDensityRatio": 2.5
     },
     "typography": {
       "minV": 6,
@@ -48,8 +48,8 @@
       "maxN": 5,
       "stepsUp": 5,
       "stepsDown": 1,
-      "userSizingRatio": 1.4,
-      "userDensityRatio": 0.2
+      "userSizingRatio": 1.6,
+      "userDensityRatio": 0
     }
   },
   "colorMode": "light",
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 5d796a4ea1..eb9af3f32a 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,8 +11,8 @@
   font-family: inherit;
   border-style: solid;
   border-width: var(--border-width-1);
-  padding-inline: var(--inner-spacing-4);
-  block-size: var(--sizing-8);
+  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/styles/src/field.module.css b/app/client/packages/design-system/widgets/src/styles/src/field.module.css
index 2cf140dee7..2c19a18575 100644
--- a/app/client/packages/design-system/widgets/src/styles/src/field.module.css
+++ b/app/client/packages/design-system/widgets/src/styles/src/field.module.css
@@ -3,7 +3,7 @@
 .field {
   display: flex;
   flex-direction: column;
-  gap: var(--inner-spacing-3);
+  gap: var(--inner-spacing-2);
 
   /**
   * ----------------------------------------------------------------------------
diff --git a/app/client/packages/design-system/widgets/src/styles/src/inline-label.module.css b/app/client/packages/design-system/widgets/src/styles/src/inline-label.module.css
index d3c950f6db..e7fc4d96a9 100644
--- a/app/client/packages/design-system/widgets/src/styles/src/inline-label.module.css
+++ b/app/client/packages/design-system/widgets/src/styles/src/inline-label.module.css
@@ -2,7 +2,7 @@
 .inline-label {
   display: flex;
   align-items: center;
-  gap: var(--inner-spacing-2);
+  gap: var(--inner-spacing-1);
   min-height: var(--sizing-4);
   position: relative;
   cursor: pointer;
diff --git a/app/client/packages/design-system/widgets/src/styles/src/text-input.module.css b/app/client/packages/design-system/widgets/src/styles/src/text-input.module.css
index 1a282cac36..34a73f2b04 100644
--- a/app/client/packages/design-system/widgets/src/styles/src/text-input.module.css
+++ b/app/client/packages/design-system/widgets/src/styles/src/text-input.module.css
@@ -6,8 +6,8 @@
     gap: var(--inner-spacing-1);
     border-radius: var(--border-radius-1);
     box-shadow: 0 0 0 1px var(--color-bd-neutral);
-    padding-inline: var(--inner-spacing-2);
-    block-size: var(--sizing-8);
+    padding-inline: var(--inner-spacing-1);
+    padding-block: var(--inner-spacing-1);
   }
 
   & [data-field-input] :is(input, textarea) {
diff --git a/app/client/packages/design-system/widgets/src/testing/ComplexForm.tsx b/app/client/packages/design-system/widgets/src/testing/ComplexForm.tsx
index 00857d373b..030c103982 100644
--- a/app/client/packages/design-system/widgets/src/testing/ComplexForm.tsx
+++ b/app/client/packages/design-system/widgets/src/testing/ComplexForm.tsx
@@ -25,9 +25,10 @@ import EmotionUnhappyLineIcon from "remixicon-react/EmotionUnhappyLineIcon";
 export const ComplexForm = () => {
   return (
     <Flex direction="column" gap="spacing-6">
-      <Text variant="heading">Your order</Text>
-
-      <Text>Choose your favorite dishes and place an order.</Text>
+      <Flex direction="column" gap="spacing-3">
+        <Text variant="heading">Your order</Text>
+        <Text>Choose your favorite dishes and place an order.</Text>
+      </Flex>
 
       <Flex direction="column" gap="spacing-5">
         <ButtonGroup>
@@ -57,11 +58,13 @@ export const ComplexForm = () => {
           <Radio value="XL">XL</Radio>
         </RadioGroup>
 
-        <Flex direction="column" gap="spacing-2">
-          <Text isBold>Feedback is important to us</Text>
-          <Flex gap="spacing-1">
-            <IconButton icon={EmotionHappyLineIcon} variant="ghost" />
-            <IconButton icon={EmotionUnhappyLineIcon} variant="ghost" />
+        <Flex direction="column" gap="spacing-3">
+          <Flex direction="column" gap="spacing-2">
+            <Text isBold>Feedback is important to us</Text>
+            <Flex>
+              <IconButton icon={EmotionHappyLineIcon} variant="ghost" />
+              <IconButton icon={EmotionUnhappyLineIcon} variant="ghost" />
+            </Flex>
           </Flex>
           <TextArea label="Your comment" />
         </Flex>