Metric editor fix

src/Components/Layout/SettingsComponents/MetricRangeEditor.jsx

@@ -269,31 +269,20 @@ const MetricRangeEditor = ({ onSave }) => {
 
           <Divider sx={{ mb: 3 }} />
 
-          <Box sx={{ height: '60vh', width: '100%' }}>
+          <Box sx={{ maxHeight: '60vh', overflowY: 'auto', pr: 1 }}>
-            <AutoSizer>
+            {filtered.map((metric, index) => (
-              {({ height, width }) => (
+              <MetricItem
-                <List
+                key={metric.name}
-                  height={height}
+                metric={metric}
-                  width={width}
+                index={index}
-                  itemSize={getItemSize}
+                updateRange={updateRange}
-                  itemCount={filtered.length}
+                addRange={addRange}
-                >
+                deleteRange={deleteRange}
-                  {({ index, style }) => (
+              />
-                    <Box style={style} sx={{ p: 1 }}>
+            ))}
-                      <MetricItem
-                        metric={filtered[index]}
-                        index={index}
-                        updateRange={updateRange}
-                        addRange={addRange}
-                        deleteRange={deleteRange}
-                      />
-                    </Box>
-                  )}
-                </List>
-              )}
-            </AutoSizer>
           </Box>
 
+
           {filtered.length === 0 && (
             <Typography color="text.secondary" textAlign="center" py={3}>
               {filter ? 'Ничего не найдено' : 'Нет метрик для отображения'}