From d22c04c4064fb0ccf73f13b5a07024df3315fa32 Mon Sep 17 00:00:00 2001
From: Tom Caiger <caigertom@gmail.com>
Date: Thu, 7 Nov 2024 16:21:25 +1300
Subject: [PATCH] Update UserInfo.tsx

---
 packages/datatrak-web/src/layout/UserMenu/UserInfo.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/datatrak-web/src/layout/UserMenu/UserInfo.tsx b/packages/datatrak-web/src/layout/UserMenu/UserInfo.tsx
index 3d18f81df0..9fe9ed4a2f 100644
--- a/packages/datatrak-web/src/layout/UserMenu/UserInfo.tsx
+++ b/packages/datatrak-web/src/layout/UserMenu/UserInfo.tsx
@@ -9,7 +9,7 @@ import { Typography } from '@material-ui/core';
 import { RouterLink } from '@tupaia/ui-components';
 import { Button, ChangeProjectButton } from '../../components';
 import { useCurrentUserContext } from '../../api';
-import { DESKTOP_MEDIA_QUERY, ROUTES } from '../../constants';
+import { ROUTES } from '../../constants';
 
 const Wrapper = styled.div`
   padding-inline-start: 1rem;
@@ -20,15 +20,15 @@ const Wrapper = styled.div`
 
 export const UserDetails = styled.div`
   align-items: baseline;
-  display: none;
+  display: flex;
   font-size: 1.2em;
   gap: 0.5rem;
   padding-inline: 0.5rem;
   > span {
     color: ${props => props.theme.palette.text.primary};
   }
-  ${DESKTOP_MEDIA_QUERY} {
-    display: flex;
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: none;
   }
 `;