diff --git a/web/src/components/UserMenu.vue b/web/src/components/UserMenu.vue
index a0fb278..8d1e8b6 100644
--- a/web/src/components/UserMenu.vue
+++ b/web/src/components/UserMenu.vue
@@ -4,7 +4,7 @@ import { useMediaQuery } from '@vueuse/core'
 import { colorModeOptions, useAccountMenu } from '@/composables/useAccountMenu'
 
 const DESKTOP_QUERY = '(min-width: 64rem)'
-const ITEM_CLASS = 'h-8 py-0'
+const ITEM_CLASS = 'h-8 items-center py-0'
 
 const props = defineProps<{
 	username: string
diff --git a/web/src/components/__tests__/UserMenu.spec.ts b/web/src/components/__tests__/UserMenu.spec.ts
index 6af1ec0..4cc5048 100644
--- a/web/src/components/__tests__/UserMenu.spec.ts
+++ b/web/src/components/__tests__/UserMenu.spec.ts
@@ -261,6 +261,7 @@ describe('Item heights', () => {
 
 		for (const item of itemsIn(menu()!)) {
 			expect(item.classList.contains('h-8')).toBe(true)
+			expect(item.classList.contains('items-center')).toBe(true)
 		}
 	})
 })