diff --git a/packages/raystack/components/input-field/input-field.module.css b/packages/raystack/components/input-field/input-field.module.css index 82b1f50d3..429f22809 100644 --- a/packages/raystack/components/input-field/input-field.module.css +++ b/packages/raystack/components/input-field/input-field.module.css @@ -3,13 +3,14 @@ .container { display: flex; flex-direction: column; - gap: var(--rs-space-1); + gap: var(--rs-space-2); width: 100%; position: relative; } .label { color: var(--rs-color-foreground-base-secondary); + font-style: normal; font-weight: var(--rs-font-weight-medium); font-size: var(--rs-font-size-mini); line-height: var(--rs-line-height-mini); @@ -129,7 +130,6 @@ font-size: var(--rs-font-size-mini); line-height: var(--rs-line-height-mini); letter-spacing: var(--rs-letter-spacing-mini); - padding-top: var(--rs-space-2); } .helper-text-error { @@ -279,7 +279,6 @@ .labelContainer { display: flex; align-items: center; - padding-bottom: var(--rs-space-2); } .helpIcon { @@ -311,4 +310,4 @@ .input-error-wrapper.variant-borderless:hover, .input-error-wrapper.variant-borderless:focus-within { border-color: transparent; -} +} \ No newline at end of file diff --git a/packages/raystack/components/label/label.module.css b/packages/raystack/components/label/label.module.css index e32620ecd..2c5ae871d 100644 --- a/packages/raystack/components/label/label.module.css +++ b/packages/raystack/components/label/label.module.css @@ -8,18 +8,21 @@ .label-small { font-size: var(--rs-font-size-mini); + font-weight: var(--rs-font-weight-medium); line-height: var(--rs-line-height-mini); letter-spacing: var(--rs-letter-spacing-mini); } .label-medium { font-size: var(--rs-font-size-small); + font-weight: var(--rs-font-weight-medium); line-height: var(--rs-line-height-small); letter-spacing: var(--rs-letter-spacing-small); } .label-large { font-size: var(--rs-font-size-regular); + font-weight: var(--rs-font-weight-medium); line-height: var(--rs-line-height-regular); letter-spacing: var(--rs-letter-spacing-regular); } @@ -36,4 +39,4 @@ /* For custom required text (not the star) */ .required-indicator:not(:only-child) { color: var(--rs-color-foreground-base-tertiary); -} +} \ No newline at end of file