From 75421c8da583e56a0e8b79f53fbe7bc7577399af Mon Sep 17 00:00:00 2001
From: Caleb Cox <canac@users.noreply.github.com>
Date: Thu, 19 Dec 2024 14:16:06 -0600
Subject: [PATCH] Fix validateDOMNesting error

Message: "validateDOMNesting(...): <button> cannot appear as a
descendant of <button>"
---
 .../TopBar/Items/ProfileMenu/ProfileName.tsx  | 26 +++++++++----------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/components/Layouts/Primary/TopBar/Items/ProfileMenu/ProfileName.tsx b/src/components/Layouts/Primary/TopBar/Items/ProfileMenu/ProfileName.tsx
index 383345aab..f72ba4b1d 100644
--- a/src/components/Layouts/Primary/TopBar/Items/ProfileMenu/ProfileName.tsx
+++ b/src/components/Layouts/Primary/TopBar/Items/ProfileMenu/ProfileName.tsx
@@ -69,20 +69,18 @@ const ProfileName = ({
       {!impersonating && (
         <IconButton onClick={onProfileMenuOpen} data-testid="profileMenuButton">
           <Box display="flex" alignItems="center" m={-1}>
-            <IconButton>
-              {loading || !avatar ? (
-                <StyledAccountIcon data-testid="AccountIconInTopBar" />
-              ) : (
-                <Avatar
-                  data-testid="AvatarInTopBar"
-                  src={avatar}
-                  sx={{
-                    width: 30,
-                    height: 30,
-                  }}
-                />
-              )}
-            </IconButton>
+            {loading || !avatar ? (
+              <StyledAccountIcon data-testid="AccountIconInTopBar" />
+            ) : (
+              <Avatar
+                data-testid="AvatarInTopBar"
+                src={avatar}
+                sx={{
+                  width: 30,
+                  height: 30,
+                }}
+              />
+            )}
             {children}
           </Box>
         </IconButton>