diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss
index 82a5a945d7b..11ffcdc881a 100644
--- a/core/src/components/avatar/avatar.ionic.scss
+++ b/core/src/components/avatar/avatar.ionic.scss
@@ -244,7 +244,7 @@
 
 // Avatar Disabled
 // --------------------------------------------------
-:host(.avatar-disabled)::before {
+:host(.avatar-disabled)::after {
   @include globals.border-radius(var(--border-radius));
   @include globals.disabled-state();
 }
diff --git a/core/src/components/avatar/test/states/avatar.e2e.ts b/core/src/components/avatar/test/states/avatar.e2e.ts
index 3e2e5703281..e52a93cdf17 100644
--- a/core/src/components/avatar/test/states/avatar.e2e.ts
+++ b/core/src/components/avatar/test/states/avatar.e2e.ts
@@ -12,6 +12,9 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
         ` 
         <div id="container"> 
           <ion-avatar disabled> AV </ion-avatar>
+          <ion-avatar disabled>
+            <ion-icon name="person-outline"></ion-icon>
+          </ion-avatar>
           <ion-avatar disabled>
             <img src="/src/components/avatar/test/avatar.svg" />
           </ion-avatar>
diff --git a/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png
index a97cbaf4366..aa3dc4e74b0 100644
Binary files a/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png
index 16058da48f6..0ed8c70cc40 100644
Binary files a/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png
index d88b84ce75e..bb99c159ab8 100644
Binary files a/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/avatar/test/states/avatar.e2e.ts-snapshots/avatar-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/avatar/test/states/index.html b/core/src/components/avatar/test/states/index.html
index 687985d9e5d..5bb5cf118d0 100644
--- a/core/src/components/avatar/test/states/index.html
+++ b/core/src/components/avatar/test/states/index.html
@@ -25,6 +25,9 @@
       <ion-content>
         <h3>Disabled</h3>
         <ion-avatar disabled>AV</ion-avatar>
+        <ion-avatar disabled>
+          <ion-icon name="person-outline"></ion-icon>
+        </ion-avatar>
         <ion-avatar disabled>
           <img src="/src/components/avatar/test/avatar.svg" />
         </ion-avatar>