From d11e8b2c81855fe8d8d127660ca2d2f725abfff6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Tue, 26 Aug 2025 16:21:43 +0100
Subject: [PATCH] chore: UX adjustments in new unknown flag table headers
 (#10535)

https://linear.app/unleash/issue/2-3816/further-ux-adjustments-to-new-table-headers

Smaller UX adjustments to the new unknown flag table headers.
---
 .../src/component/unknownFlags/UnknownFlagsTable.tsx     | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/component/unknownFlags/UnknownFlagsTable.tsx b/frontend/src/component/unknownFlags/UnknownFlagsTable.tsx
index 5e8eda0125..6710e0f202 100644
--- a/frontend/src/component/unknownFlags/UnknownFlagsTable.tsx
+++ b/frontend/src/component/unknownFlags/UnknownFlagsTable.tsx
@@ -29,9 +29,10 @@ const StyledAlertContent = styled('div')(({ theme }) => ({
     gap: theme.spacing(2),
 }));
 
-const StyledHeader = styled('div')({
+const StyledHeader = styled('div')(({ theme }) => ({
     display: 'flex',
-});
+    paddingRight: theme.spacing(0.2),
+}));
 
 export const UnknownFlagsTable = () => {
     const { unknownFlags, loading } = useUnknownFlags();
@@ -65,7 +66,7 @@ export const UnknownFlagsTable = () => {
                     <StyledHeader>
                         Reported
                         <HelpIcon
-                            tooltip={`Flags reported when your SDK evaluates them but they don't exist in Unleash`}
+                            tooltip={`Feature flags are reported when your SDK evaluates them and they don't exist in Unleash`}
                             size='16px'
                         />
                     </StyledHeader>
@@ -85,7 +86,7 @@ export const UnknownFlagsTable = () => {
                     <StyledHeader>
                         Last event
                         <HelpIcon
-                            tooltip='Events are only logged for feature flags that have been set up in Unleash first'
+                            tooltip='Last event logged for this flag name, if it has ever existed in Unleash'
                             size='16px'
                         />
                     </StyledHeader>