diff --git a/services/backend-api/client/src/components/NewHeader/index.tsx b/services/backend-api/client/src/components/NewHeader/index.tsx
index 366780bd9..f42546b17 100644
--- a/services/backend-api/client/src/components/NewHeader/index.tsx
+++ b/services/backend-api/client/src/components/NewHeader/index.tsx
@@ -107,7 +107,7 @@ export const NewHeader = ({ invertBackground }: Props) => {
         </HStack>
         <Flex alignItems="center" paddingY="4">
           <Menu placement="bottom-end">
-            <MenuButton as={Button} size="sm" variant="link" aria-label="Account   settings">
+            <MenuButton as={Button} size="sm" variant="link" aria-label="Account settings">
               <Avatar
                 src={discordUserMe?.iconUrl}
                 size="sm"
@@ -121,6 +121,9 @@ export const NewHeader = ({ invertBackground }: Props) => {
                 <Text overflow="hidden" maxWidth={300} textOverflow="ellipsis" whiteSpace="nowrap">
                   {discordUserMe?.username}
                 </Text>
+                <Text fontSize="sm" color="whiteAlpha.600">
+                  Discord ID: {discordUserMe?.id}
+                </Text>
               </Box>
               <MenuDivider />
               <MenuItem icon={<SettingsIcon />} onClick={() => navigate(pages.userSettings())}>