diff --git a/packages/core-components/api-report.md b/packages/core-components/api-report.md
index a9372921b2..7fd706db43 100644
--- a/packages/core-components/api-report.md
+++ b/packages/core-components/api-report.md
@@ -95,6 +95,10 @@ export type AvatarClassKey = 'avatar';
 
 // @public
 export interface AvatarProps {
+  classes?: {
+    [key in 'avatar' | 'avatarText']?: string;
+  };
+  // @deprecated
   customStyles?: CSSProperties;
   displayName?: string;
   picture?: string;
diff --git a/packages/core-components/src/components/Avatar/Avatar.tsx b/packages/core-components/src/components/Avatar/Avatar.tsx
index 7f33caba1f..2567e9c20b 100644
--- a/packages/core-components/src/components/Avatar/Avatar.tsx
+++ b/packages/core-components/src/components/Avatar/Avatar.tsx
@@ -21,7 +21,7 @@ import React, { CSSProperties } from 'react';
 import { extractInitials, stringToColor } from './utils';
 
 /** @public */
-export type AvatarClassKey = 'avatar' | 'avatarText';
+export type AvatarClassKey = 'avatar';
 
 const useStyles = makeStyles(
   (theme: Theme) => ({
@@ -62,7 +62,7 @@ export interface AvatarProps {
   /**
    * Custom styles applied to avatar
    */
-  classes?: { [key in AvatarClassKey]?: string };
+  classes?: { [key in 'avatar' | 'avatarText']?: string };
 }
 
 /**