diff --git a/docs/docs/theming/component-groups.md b/docs/docs/theming/component-groups.md
index 540830cde..d2b55dd1a 100644
--- a/docs/docs/theming/component-groups.md
+++ b/docs/docs/theming/component-groups.md
@@ -14,7 +14,7 @@ Not every form control uses all of these custom properties. For example, `<wa-ra
 
 | Custom Property                             | Default Value                                                                                     |
 | ------------------------------------------- | ------------------------------------------------------------------------------------------------- |
-| `--wa-form-control-background-color`              | `var(--wa-color-surface-default)`                                                                 |
+| `--wa-form-control-background-color`        | `var(--wa-color-surface-default)`                                                                 |
 | `--wa-form-control-border-style`            | `var(--wa-border-style)`                                                                          |
 | `--wa-form-control-border-width`            | `var(--wa-border-width-s)`                                                                        |
 | `--wa-form-control-border-radius`           | `var(--wa-border-radius-s)`                                                                       |
@@ -26,7 +26,7 @@ Not every form control uses all of these custom properties. For example, `<wa-ra
 | `--wa-form-control-value-color`             | `var(--wa-color-text-normal)`                                                                     |
 | `--wa-form-control-value-font-weight`       | `var(--wa-font-weight-body)`                                                                      |
 | `--wa-form-control-value-line-height`       | `var(--wa-line-height-condensed)`                                                                 |
-| `--wa-form-control-placeholder-color`       | `var(--wa-color-base-60)`                                                                         |
+| `--wa-form-control-placeholder-color`       | `var(--wa-color-gray-60)`                                                                         |
 | `--wa-form-control-height-s`                | `calc(var(--wa-space-xs) * 2 + var(--wa-font-size-s) * var(--wa-form-control-value-line-height))` |
 | `--wa-form-control-height-m`                | `calc(var(--wa-space-s) * 2 + var(--wa-font-size-m) * var(--wa-form-control-value-line-height))`  |
 | `--wa-form-control-height-l`                | `calc(var(--wa-space-m) * 2 + var(--wa-font-size-l) * var(--wa-form-control-value-line-height))`  |