fix: Update Label to use a token for its padding, instead of a hardco…

…ded value (microsoft#30254)
miroslavstastny · Jan 26, 2024 · 2c3fdb3 · 2c3fdb3
1 parent a23df09
commit 2c3fdb3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/change/@fluentui-react-label-3d4b817c-0699-45e0-8c11-911b01f6a7b2.json b/change/@fluentui-react-label-3d4b817c-0699-45e0-8c11-911b01f6a7b2.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Update Label to use a token for its padding, instead of a hardcoded value",
+  "packageName": "@fluentui/react-label",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-label/src/components/Label/useLabelStyles.styles.ts b/packages/react-components/react-label/src/components/Label/useLabelStyles.styles.ts
@@ -26,7 +26,7 @@ const useStyles = makeStyles({
 
   required: {
     color: tokens.colorPaletteRedForeground3,
-    paddingLeft: '4px', // TODO: Once spacing tokens are added, change this to Horizontal XS
+    paddingLeft: tokens.spacingHorizontalXS,
   },
 
   small: {