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 9c1bed136f..d33362c55e 100644
--- a/frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelFilterItem/LabelFilterItem.tsx
+++ b/frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelFilterItem/LabelFilterItem.tsx
@@ -1,13 +1,19 @@
 import {
+    Alert,
     Autocomplete,
-    Box,
     Checkbox,
     Chip,
     FormControlLabel,
+    styled,
     TextField,
+    Typography,
 } from '@mui/material';
 import type { FC } from 'react';
 
+const StyledSelectAllLabel = styled('span')(({ theme }) => ({
+    fontSize: theme.fontSizes.smallBody,
+}));
+
 type LabelFilterItemProps = {
     labelKey: string;
     options: string[];
@@ -25,6 +31,7 @@ export const LabelFilterItem: FC<LabelFilterItemProps> = ({
     const isAllSelected = value.includes('*');
     const autocompleteId = `autocomplete-${labelKey}`;
     const selectAllId = `select-all-${labelKey}`;
+    const isTruncated = options.length >= 1_000;
 
     return (
         <>
@@ -46,16 +53,7 @@ export const LabelFilterItem: FC<LabelFilterItemProps> = ({
                         }}
                     />
                 }
-                label={
-                    <Box
-                        component='span'
-                        sx={(theme) => ({
-                            fontSize: theme.fontSizes.smallBody,
-                        })}
-                    >
-                        Select all
-                    </Box>
-                }
+                label={<StyledSelectAllLabel>Select all</StyledSelectAllLabel>}
             />
             <Autocomplete
                 multiple
@@ -66,37 +64,68 @@ export const LabelFilterItem: FC<LabelFilterItemProps> = ({
                     onChange(newValues);
                 }}
                 disabled={isAllSelected}
-                renderTags={(value, getTagProps) =>
-                    value.map((option, index) => {
-                        const { key, ...chipProps } = getTagProps({
-                            index,
-                        });
-                        return (
-                            <Chip
-                                {...chipProps}
-                                key={key}
-                                label={option}
-                                size='small'
-                            />
-                        );
-                    })
-                }
+                renderTags={(value, getTagProps) => {
+                    const overflowCount = 5;
+                    const displayedValues = value.slice(-overflowCount);
+                    const remainingCount = value.length - overflowCount;
+
+                    return (
+                        <>
+                            {displayedValues.map((option, index) => {
+                                const { key, ...chipProps } = getTagProps({
+                                    index,
+                                });
+                                return (
+                                    <Chip
+                                        {...chipProps}
+                                        key={key}
+                                        label={option}
+                                        size='small'
+                                    />
+                                );
+                            })}
+                            {remainingCount > 0 ? (
+                                <Typography
+                                    component='span'
+                                    sx={{ color: 'text.secondary' }}
+                                >
+                                    {' '}
+                                    (+{remainingCount})
+                                </Typography>
+                            ) : null}
+                        </>
+                    );
+                }}
                 renderInput={(params) => (
-                    <TextField
-                        {...params}
-                        label={labelKey}
-                        placeholder={
-                            isAllSelected ? undefined : 'Select values…'
-                        }
-                        variant='outlined'
-                        size='small'
-                        inputProps={{
-                            ...params.inputProps,
-                            'aria-describedby': isAllSelected
-                                ? `${selectAllId}-description`
-                                : undefined,
-                        }}
-                    />
+                    <>
+                        <TextField
+                            {...params}
+                            label={labelKey}
+                            placeholder={
+                                isAllSelected ? undefined : 'Select values…'
+                            }
+                            variant='outlined'
+                            size='small'
+                            inputProps={{
+                                ...params.inputProps,
+                                'aria-describedby': isAllSelected
+                                    ? `${selectAllId}-description`
+                                    : undefined,
+                            }}
+                        />
+                        {isTruncated && (
+                            <Alert
+                                severity='warning'
+                                sx={(theme) => ({
+                                    padding: theme.spacing(1, 2),
+                                    marginTop: theme.spacing(1),
+                                })}
+                            >
+                                Maximum of 1000 values loaded due to
+                                performance.
+                            </Alert>
+                        )}
+                    </>
                 )}
             />
         </>
diff --git a/frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelsFilter.tsx b/frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelsFilter.tsx
index 7c69ee985a..12b3a9b926 100644
--- a/frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelsFilter.tsx
+++ b/frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelsFilter.tsx
@@ -72,30 +72,32 @@ export const LabelsFilter: FC<LabelsFilterProps> = ({
                     flexGrow: 1,
                 }}
             >
-                {Object.entries(availableLabels).map(([labelKey, values]) => {
-                    const currentSelection = selectedLabels[labelKey] || [];
+                {Object.entries(availableLabels)
+                    .sort()
+                    .map(([labelKey, values]) => {
+                        const currentSelection = selectedLabels[labelKey] || [];
 
-                    return (
-                        <Box
-                            key={labelKey}
-                            sx={{
-                                display: 'flex',
-                                flexDirection: 'column',
-                                flexGrow: 1,
-                            }}
-                        >
-                            <LabelFilterItem
-                                labelKey={labelKey}
-                                options={values}
-                                value={currentSelection}
-                                onChange={(newValues) =>
-                                    handleLabelChange(labelKey, newValues)
-                                }
-                                handleAllToggle={handleAllToggle}
-                            />
-                        </Box>
-                    );
-                })}
+                        return (
+                            <Box
+                                key={labelKey}
+                                sx={{
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    flexGrow: 1,
+                                }}
+                            >
+                                <LabelFilterItem
+                                    labelKey={labelKey}
+                                    options={values}
+                                    value={currentSelection}
+                                    onChange={(newValues) =>
+                                        handleLabelChange(labelKey, newValues)
+                                    }
+                                    handleAllToggle={handleAllToggle}
+                                />
+                            </Box>
+                        );
+                    })}
             </Box>
         </Box>
     );
diff --git a/frontend/src/component/impact-metrics/ImpactMetricsChart.tsx b/frontend/src/component/impact-metrics/ImpactMetricsChart.tsx
index ca19837ac0..56b0613db5 100644
--- a/frontend/src/component/impact-metrics/ImpactMetricsChart.tsx
+++ b/frontend/src/component/impact-metrics/ImpactMetricsChart.tsx
@@ -202,6 +202,19 @@ export const ImpactMetricsChart: FC<ImpactMetricsChartProps> = ({
                     </Typography>
                 </Box>
             ) : null}
+            {isPreview && debug?.isTruncated ? (
+                <Box
+                    sx={(theme) => ({
+                        padding: theme.spacing(0, 2),
+                    })}
+                >
+                    <Alert severity='warning'>
+                        Showing only {timeSeriesData.length} series due to
+                        performance. Please change filters for more accurate
+                        results.
+                    </Alert>
+                </Box>
+            ) : null}
         </>
     );
 };
diff --git a/frontend/src/hooks/api/getters/useImpactMetricsData/useImpactMetricsData.ts b/frontend/src/hooks/api/getters/useImpactMetricsData/useImpactMetricsData.ts
index fae49fa1b8..4863d82069 100644
--- a/frontend/src/hooks/api/getters/useImpactMetricsData/useImpactMetricsData.ts
+++ b/frontend/src/hooks/api/getters/useImpactMetricsData/useImpactMetricsData.ts
@@ -10,6 +10,7 @@ export type ImpactMetricsSeries = {
     data: TimeSeriesData;
 };
 
+// TODO(impactMetrics): use OpenAPI types
 export type ImpactMetricsResponse = {
     start?: string;
     end?: string;
@@ -18,6 +19,7 @@ export type ImpactMetricsResponse = {
     labels?: ImpactMetricsLabels;
     debug?: {
         query?: string;
+        isTruncated?: string;
     };
 };