From f0e576f28fdf9d1ba84d29a5d88f6cd3f5fa5138 Mon Sep 17 00:00:00 2001
From: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
Date: Wed, 3 Sep 2025 13:46:41 +0200
Subject: [PATCH] fix: update 'Select all' label to be more descriptive

---
 .../LabelFilter/LabelFilterItem/LabelFilterItem.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelFilterItem/LabelFilterItem.tsx b/frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelFilterItem/LabelFilterItem.tsx
index e49529bfe4..1fcbe7269a 100644
--- a/frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelFilterItem/LabelFilterItem.tsx
+++ b/frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelFilterItem/LabelFilterItem.tsx
@@ -37,7 +37,7 @@ export const LabelFilterItem: FC<LabelFilterItemProps> = ({
             options={optionsWithSelectAll}
             value={isAllSelected ? options : value}
             getOptionLabel={(option) =>
-                option === SELECT_ALL ? 'Select all' : option
+                option === SELECT_ALL ? '(Select all)' : option
             }
             onChange={(_, newValues, reason, details) => {
                 if (details?.option === SELECT_ALL) {
@@ -55,7 +55,16 @@ export const LabelFilterItem: FC<LabelFilterItemProps> = ({
                         }
                         style={{ marginRight: 8 }}
                     />
-                    {option === SELECT_ALL ? 'Select all' : option}
+                    {option === SELECT_ALL ? (
+                        <Typography
+                            component='span'
+                            sx={{ color: 'text.secondary' }}
+                        >
+                            Select all
+                        </Typography>
+                    ) : (
+                        option
+                    )}
                 </li>
             )}
             renderTags={(value, getTagProps) => {