diff --git a/docs/images/editor-dark.png b/docs/images/editor-dark.png
index 420abf6..9f07002 100644
Binary files a/docs/images/editor-dark.png and b/docs/images/editor-dark.png differ
diff --git a/docs/images/editor-light.png b/docs/images/editor-light.png
index 2536be0..7854870 100644
Binary files a/docs/images/editor-light.png and b/docs/images/editor-light.png differ
diff --git a/docs/images/history-dark.png b/docs/images/history-dark.png
index faffcc0..d52e722 100644
Binary files a/docs/images/history-dark.png and b/docs/images/history-dark.png differ
diff --git a/docs/images/history-light.png b/docs/images/history-light.png
index 7ce9318..396121b 100644
Binary files a/docs/images/history-light.png and b/docs/images/history-light.png differ
diff --git a/src/Polyglot.Web/UI/src/pages/HistoryPage.tsx b/src/Polyglot.Web/UI/src/pages/HistoryPage.tsx
index e0342c3..071066b 100644
--- a/src/Polyglot.Web/UI/src/pages/HistoryPage.tsx
+++ b/src/Polyglot.Web/UI/src/pages/HistoryPage.tsx
@@ -94,6 +94,8 @@ export default function HistoryPage() {
   })
 
   const field = { size: 'small', slotProps: { inputLabel: { shrink: true } } } as const
+  // Shows "All" / "Anyone" when nothing is chosen; a select hides its empty option otherwise.
+  const selectField = { size: 'small', slotProps: { inputLabel: { shrink: true }, select: { displayEmpty: true } } } as const
 
   return (
     <>
@@ -107,12 +109,12 @@ export default function HistoryPage() {
               <Box component="form" role="search" onSubmit={submit} sx={{ display: 'flex', flexWrap: 'wrap', gap: 1.5, alignItems: 'flex-end' }}>
                 <TextField {...field} label={t('key')} placeholder={t('partOfAKey')} value={draft.key ?? ''} autoComplete="off"
                   onChange={(e) => setDraft({ ...draft, key: e.target.value })} sx={{ flex: '2 1 200px' }} />
-                <TextField {...field} select label={t('language')} value={draft.culture ?? ''}
+                <TextField {...selectField} select label={t('language')} value={draft.culture ?? ''}
                   onChange={(e) => setDraft({ ...draft, culture: e.target.value })} sx={{ flex: '1 1 130px' }}>
                   <MenuItem value="">{t('all')}</MenuItem>
                   {h.cultures.map((c) => <MenuItem key={c} value={c}>{c}</MenuItem>)}
                 </TextField>
-                <TextField {...field} select label={t('changedBy')} value={draft.userId ?? ''}
+                <TextField {...selectField} select label={t('changedBy')} value={draft.userId ?? ''}
                   onChange={(e) => setDraft({ ...draft, userId: e.target.value })} sx={{ flex: '1 1 130px' }}>
                   <MenuItem value="">{t('anyone')}</MenuItem>
                   {h.users.map((u) => <MenuItem key={u.id} value={u.id}>{u.name}</MenuItem>)}