diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md
index 9768a6192ec7c1..7fe451a567d736 100644
--- a/docs/src/pages/guides/migration-v4/migration-v4.md
+++ b/docs/src/pages/guides/migration-v4/migration-v4.md
@@ -57,7 +57,9 @@ This change affects almost all components where you're using the `component` pro
 
   ```diff
   -<Avatar variant="circle">
+  -<Avatar classes={{ circle: 'className' }}>
   +<Avatar variant="circular">
+  +<Avatar classes={{ circular: 'className' }}>
   ```
 
 ### Badge
@@ -69,6 +71,22 @@ This change affects almost all components where you're using the `component` pro
   -<Badge overlap="rectangle">
   +<Badge overlap="circular">
   +<Badge overlap="rectangular">
+  <Badge classes={{
+  - anchorOriginTopRightRectangle: 'className'
+  - anchorOriginBottomRightRectangle: 'className'
+  - anchorOriginTopLeftRectangle: 'className'
+  - anchorOriginBottomLeftRectangle: 'className'
+  - anchorOriginTopRightCircle: 'className'
+  - anchorOriginBottomRightCircle: 'className'
+  - anchorOriginTopLeftCircle: 'className'
+  + anchorOriginTopRightRectangular: 'className'
+  + anchorOriginBottomRightRectangular: 'className'
+  + anchorOriginTopLeftRectangular: 'className'
+  + anchorOriginBottomLeftRectangular: 'className'
+  + anchorOriginTopRightCircular: 'className'
+  + anchorOriginBottomRightCircular: 'className'
+  + anchorOriginTopLeftCircular: 'className'
+  }}>
   ```
 
 ### BottomNavigation