diff --git a/projects/igniteui-angular/src/lib/core/styles/components/card/_card-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/card/_card-theme.scss
index dd3256888a9..ad98603220d 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/card/_card-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/card/_card-theme.scss
@@ -29,10 +29,6 @@
         &:hover {
             box-shadow: none;
         }
-
-        igx-avatar {
-            --ig-size: #{if($variant == 'indigo', 3, 1)};
-        }
     }
 
     %igx-card--elevated {
@@ -93,6 +89,10 @@
             margin-block: auto;
         }
 
+        igx-avatar {
+            --ig-size: #{if($variant == 'indigo', 3, 1)};
+        }
+
         &:empty {
             display: none;
         }