diff --git a/apps/backoffice/src/app/features/license-review/components/DocumentsTab.tsx b/apps/backoffice/src/app/features/license-review/components/DocumentsTab.tsx
index 3de93748c..ea69922ac 100644
--- a/apps/backoffice/src/app/features/license-review/components/DocumentsTab.tsx
+++ b/apps/backoffice/src/app/features/license-review/components/DocumentsTab.tsx
@@ -162,49 +162,56 @@ export function DocumentsTab({
         return (
           <Paper withBorder p="md" key={attachment.id}>
             <Group justify="space-between" wrap="nowrap" align="flex-start">
-              <Group gap="sm" wrap="nowrap" style={{ minWidth: 0 }}>
+              <Group gap="sm" wrap="nowrap" style={{ minWidth: 0, flex: 1 }}>
                 <IconFileText size={20} stroke={1.6} />
-                <div style={{ minWidth: 0 }}>
-                  <Text size="sm" fw={500}>
-                    {attachment.documentKey}
-                  </Text>
+                <div style={{ minWidth: 0, flex: 1 }}>
+                  {/* Badges sit beside the name, not in the outer nowrap row —
+                      that row also has to fit six action buttons, so a long
+                      name plus badges there overflowed its box and the
+                      opaque badge painted over the bleeding text. Nested here
+                      with its own wrap, the name truncates cleanly instead. */}
+                  <Group gap={6} wrap="wrap" align="center">
+                    <Text size="sm" fw={500} truncate style={{ maxWidth: '100%' }}>
+                      {attachment.documentKey}
+                    </Text>
+                    {verdict && (
+                      <Tooltip
+                        label={
+                          verdict.reason ??
+                          t('review.documents.reviewedBy', {
+                            name: verdict.reviewedByName ?? '—',
+                            defaultValue: 'Reviewed by {{name}}',
+                          })
+                        }
+                      >
+                        <Badge
+                          color={verdict.decision === 'ACCEPTED' ? 'teal' : 'red'}
+                          variant="light"
+                          size="sm"
+                          leftSection={
+                            verdict.decision === 'ACCEPTED' ? (
+                              <IconCheck size={11} />
+                            ) : (
+                              <IconX size={11} />
+                            )
+                          }
+                        >
+                          {verdict.decision === 'ACCEPTED'
+                            ? t('review.documents.accepted', 'Accepted')
+                            : t('review.documents.rejected', 'Rejected')}
+                        </Badge>
+                      </Tooltip>
+                    )}
+                    {flagged && (
+                      <Badge color="orange" variant="light" size="sm">
+                        {t('review.documents.flagged', 'Correction requested')}
+                      </Badge>
+                    )}
+                  </Group>
                   <Text size="xs" c="dimmed" truncate>
                     {file?.originalName ?? t('review.documents.noFile', 'No file')}
                   </Text>
                 </div>
-                {verdict && (
-                  <Tooltip
-                    label={
-                      verdict.reason ??
-                      t('review.documents.reviewedBy', {
-                        name: verdict.reviewedByName ?? '—',
-                        defaultValue: 'Reviewed by {{name}}',
-                      })
-                    }
-                  >
-                    <Badge
-                      color={verdict.decision === 'ACCEPTED' ? 'teal' : 'red'}
-                      variant="light"
-                      size="sm"
-                      leftSection={
-                        verdict.decision === 'ACCEPTED' ? (
-                          <IconCheck size={11} />
-                        ) : (
-                          <IconX size={11} />
-                        )
-                      }
-                    >
-                      {verdict.decision === 'ACCEPTED'
-                        ? t('review.documents.accepted', 'Accepted')
-                        : t('review.documents.rejected', 'Rejected')}
-                    </Badge>
-                  </Tooltip>
-                )}
-                {flagged && (
-                  <Badge color="orange" variant="light" size="sm">
-                    {t('review.documents.flagged', 'Correction requested')}
-                  </Badge>
-                )}
               </Group>
 
               <Group gap="xs" wrap="nowrap">