diff --git a/components/Current/Header/MainMenu/index.tsx b/components/Current/Header/MainMenu/index.tsx
index e43a48a2c..5ebb09540 100644
--- a/components/Current/Header/MainMenu/index.tsx
+++ b/components/Current/Header/MainMenu/index.tsx
@@ -76,8 +76,11 @@ export function MainMenu({
             <ul className={styles.linkRow}>
               {!!user ? (
                 <>
-                  <li>
-                    <div className={styles.loggedInLogo} />
+                  <li className={styles.avatarWrapper}>
+                    <Avatar
+                      firstName={user.firstName}
+                      lastName={user.lastName}
+                    />
                   </li>
                   <li className={styles.mobileLinkRow}>
                     <Link
diff --git a/components/Current/Header/MainMenu/mainMenu.module.css b/components/Current/Header/MainMenu/mainMenu.module.css
index 8cc27d0e4..d9e5339f5 100644
--- a/components/Current/Header/MainMenu/mainMenu.module.css
+++ b/components/Current/Header/MainMenu/mainMenu.module.css
@@ -180,13 +180,8 @@
   padding: 15px 15px 15px 5px;
 }
 
-.loggedInLogo {
-  height: 35px;
-  width: 35px;
-  border-radius: 50px;
-  background-color: #000;
+.avatarWrapper {
   margin-right: 4px;
-  margin-left: -4px;
 }
 
 .mobileLinkButton {