From 99cc22500767bc3a142004a76e1ec13a025da970 Mon Sep 17 00:00:00 2001
From: Zohar Manor-Abel <zohar.manor-abel@diamond.ac.uk>
Date: Thu, 25 Jun 2026 17:05:44 +0100
Subject: [PATCH] Making the colour override to be specific to the Diamond
 avatar and not MUI

---
 src/themes/DiamondDSTheme.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/themes/DiamondDSTheme.ts b/src/themes/DiamondDSTheme.ts
index 9baa228c..688403ae 100644
--- a/src/themes/DiamondDSTheme.ts
+++ b/src/themes/DiamondDSTheme.ts
@@ -1171,8 +1171,10 @@ const DiamondDSTheme = extendTheme({
     MuiAvatar: {
       styleOverrides: {
         root: ({ theme }: ThemeOnlyArgs): CSSObject => ({
-          backgroundColor: theme.palette.surface.strong,
-          color: theme.palette.text.primary,
+          "&:has(.MuiAvatar-fallback)": {
+            backgroundColor: theme.palette.surface.strong,
+            color: theme.palette.text.primary,
+          },
         }),
       },
     },