diff --git a/src/components/Label.tsx b/src/components/Label.tsx
index 1f96b1ea2..a641439bd 100644
--- a/src/components/Label.tsx
+++ b/src/components/Label.tsx
@@ -27,7 +27,13 @@ function LabelComponent<X extends Only<Xss<LabelXss>, X>>(props: LabelProps<X>)
     <label
       {...labelProps}
       {...others}
-      css={{ ...Css.dif.aic.gap1.sm.gray700.mbPx(inline ? 0 : 4).if(contrast).white.$, ...xss }}
+      css={{
+        ...Css.dif.aic.gap1.sm.gray700
+          .mbPx(inline ? 0 : 4)
+          .if(contrast)
+          .white.if(!inline).asfs.$,
+        ...xss,
+      }}
     >
       {label}
       {suffix && ` ${suffix}`}
diff --git a/src/inputs/TextFieldBase.tsx b/src/inputs/TextFieldBase.tsx
index c45a4d96a..b81076bf1 100644
--- a/src/inputs/TextFieldBase.tsx
+++ b/src/inputs/TextFieldBase.tsx
@@ -188,6 +188,7 @@ export function TextFieldBase<X extends Only<TextFieldXss, X>>(props: TextFieldB
             labelProps={labelProps}
             hidden={labelStyle === "hidden" || compound}
             label={label}
+            inline={labelStyle !== "above"}
             suffix={labelSuffix}
             contrast={contrast}
             {...tid.label}
diff --git a/src/inputs/ToggleChipGroup.tsx b/src/inputs/ToggleChipGroup.tsx
index d7aacb361..3c01596c0 100644
--- a/src/inputs/ToggleChipGroup.tsx
+++ b/src/inputs/ToggleChipGroup.tsx
@@ -34,7 +34,7 @@ export function ToggleChipGroup(props: ToggleChipGroupProps) {
 
   return (
     <div {...groupProps} css={Css.relative.df.fdc.if(labelStyle === "left").fdr.maxw100.$}>
-      <Label label={label} {...labelProps} hidden={hideLabel} />
+      <Label label={label} {...labelProps} hidden={hideLabel} inline={labelStyle === "left"} />
       <div css={Css.df.gap1.add("flexWrap", "wrap").if(labelStyle === "left").ml2.$}>
         {options.map((o) => (
           <ToggleChip