fix: desktop account menu icons, labels and check mark are now centred in their 32 px rows

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

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)
 		}
 	})
 })