fixup! Docs(web): Document component changes into the Migration Guide…

… #DS-1489

docs/migrations/web/MIGRATION-v3.md

@@ -14,17 +14,17 @@ Introducing version 3 of the _spirit-web_ package.
   - [Utilities: Removed and New Classes](#utilities-removed-and-new-classes)
   - [Migrating Your Own Components](#migrating-your-own-components)
 - [Component Changes](#component-changes)
-  - [Button: Renamed modifier `square`](#button-square-modifier-renamed-to-symmetrical)
-  - [Button: The `inverted` modifier removed](#button-the-inverted-modifier-removed)
+  - [Button: Renamed `square` Modifier](#button-square-modifier-renamed-to-symmetrical)
+  - [Button: The `inverted` Modifier Removed](#button-the-inverted-modifier-removed)
   - [Field Group: Alignment](#field-group-alignment)
-  - [Header: The `inverted` variant removed](#header-the-inverted-variant-removed)
+  - [Header: The `inverted` Variant Removed](#header-the-inverted-variant-removed)
   - [Partner Logo: Stabilized](#partner-logo-stabilized)
-  - [Pill: Renamed and removed variants](#pill-renamed-and-removed-variants)
-  - [Product Logo: The `inverted` modifier removed](#product-logo-the-inverted-modifier-removed)
+  - [Pill: Renamed and Removed Variants](#pill-renamed-and-removed-variants)
+  - [Product Logo: The `inverted` Modifier Removed](#product-logo-the-inverted-modifier-removed)
   - [Product Logo: Stabilized](#product-logo-stabilized)
-  - [TextField: CSS variables renamed](#textfield-css-variables-renamed)
-  - [Toast: The `inverted` variant removed](#toast-the-inverted-variant-removed)
-  - [Toast: Link and Close button](#toast-link-and-close-button)
+  - [TextField: CSS Variables Renamed](#textfield-css-variables-renamed)
+  - [Toast: The `inverted` Variant Removed](#toast-the-inverted-variant-removed)
+  - [Toast: Link and Close Button](#toast-link-and-close-button)
 
 ## General Changes
 
@@ -197,17 +197,17 @@ Instead of using `.Button--square`, use a `.Button--symmetrical`.
 
 - `.Button--square` → `.Button--symmetrical`
 
-### Button: The `inverted` modifier removed
+### Button: The `inverted` Modifier Removed
 
 Button `inverted` modifier was removed. Use themes to switch the button colors.
 
 ### Field Group: Alignment
 
 Field Group component children are not aligned to `start` except when the `FieldGroup--fluid` modifier is used.
 
-### Header: The `inverted` variant removed
+### Header: The `inverted` Variant Removed
 
-Header `inverted` variant was removed. Instead, the `primary` variant was added.
+Header `inverted` variant was removed. Instead, the `primary` variant was added to be further adjusted with themes.
 
 ### Partner Logo: Stabilized
 
@@ -219,7 +219,7 @@ Rename all usages of `UNSTABLE_PartnerLogo` to `PartnerLogo`.
 
 - `<div class="PartnerLogo PartnerLogo--small PartnerLogo--safeArea">` → `<div class="PartnerLogo PartnerLogo--small PartnerLogo--safeArea">`
 
-### Pill: Renamed and removed variants
+### Pill: Renamed and Removed Variants
 
 Pill component variants `primary`, `secondary`, `tertiary`, `inverted` and `unselected` were removed.
 Instead, the `neutral` variant was added.
@@ -228,7 +228,7 @@ Instead, the `neutral` variant was added.
 
 Use the `neutral` or emotion variants. If you need other variants, please, let us know.
 
-### Product Logo: The `inverted` modifier removed
+### Product Logo: The `inverted` Modifier Removed
 
 Product Logo `inverted` modifier was removed. Use themes to switch the logo colors.
 
@@ -242,7 +242,7 @@ Rename all usages of `UNSTABLE_ProductLogo` to `ProductLogo`.
 
 - `<div class="UNSTABLE_ProductLogo">` → `<div class="ProductLogo">`
 
-### TextField: CSS variables renamed
+### TextField: CSS Variables Renamed
 
 TextField CSS variable `--width` was renamed to `--text-field-input-width`.
 
@@ -252,23 +252,23 @@ Replace all usages of `--width` with `--text-field-input-width` in TextField com
 
 - `<input class="TextField__input" style="--width: 4em;" />` → `<input class="TextField__input" style="--text-field-input-width: 4em;" />`
 
-### Toast: The `inverted` variant removed
+### Toast: The `inverted` Variant Removed
 
-Toast `inverted` variant was removed. Use `neutral` variant instead.
+Toast `inverted` variant was removed. Use the `neutral` variant instead.
 
 #### Migration Guide
 
 Replace all usages of `ToastBar--inverted` with `ToastBar--neutral`.
 
 - `<div class="ToastBar ToastBar--inverted">` → `<div class="ToastBar ToastBar--neutral">`
 
-### Toast: Link and Close button
+### Toast: Link and Close Button
 
 Toast component now has its own close button and link.
 
 #### Migration Guide
 
-1. Remove `link-inverted` class from Toast link.
+1. Remove the `link-inverted` class from links inside a Toast.
 
    - `<a href="#" class="ToastBar__link link-inverted link-underlined">` → `<a href="#" class="ToastBar__link link-underlined">`