diff --git a/lib/src/Components/AppShell/UserControl.tsx b/lib/src/Components/AppShell/UserControl.tsx
index c108ab2a..379937ac 100644
--- a/lib/src/Components/AppShell/UserControl.tsx
+++ b/lib/src/Components/AppShell/UserControl.tsx
@@ -94,7 +94,9 @@ export const UserControl = () => {
                 </div>
               </div>
             )}
-            <div className='tw:ml-2 tw:mr-2'>{userProfile.name ?? user?.first_name}</div>
+            <div className='tw:ml-2 tw:mr-2 tw:hidden tw:sm:block'>
+              {userProfile.name ?? user?.first_name}
+            </div>
           </Link>
           <div className='tw:dropdown tw:dropdown-end'>
             <label tabIndex={0} className='tw:btn tw:btn-ghost tw:btn-square'>