diff --git a/src/components/Slider/BaseSlider/BaseSlider.tsx b/src/components/Slider/BaseSlider/BaseSlider.tsx
index 6ab3c24dc8..56f26775d4 100644
--- a/src/components/Slider/BaseSlider/BaseSlider.tsx
+++ b/src/components/Slider/BaseSlider/BaseSlider.tsx
@@ -3,12 +3,12 @@ import React from 'react';
 import Slider from 'rc-slider';
 import type {SliderProps, SliderRef} from 'rc-slider';
 
-import {blockNew} from '../../utils/cn';
+import {block} from '../../utils/cn';
 import type {StateModifiers} from '../types';
 
 import './BaseSlider.scss';
 
-const b = blockNew('base-slider');
+const b = block('base-slider');
 
 type BaseSliderProps = {stateModifiers: StateModifiers} & Omit<
     SliderProps,
diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx
index 345b7ea9a9..ac4e73496c 100644
--- a/src/components/Slider/Slider.tsx
+++ b/src/components/Slider/Slider.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import debounce from 'lodash/debounce';
 
-import {blockNew} from '../utils/cn';
+import {block} from '../utils/cn';
 
 import {BaseSlider} from './BaseSlider/BaseSlider';
 import {SliderTooltip} from './SliderTooltip/SliderTooltip';
@@ -11,7 +11,7 @@ import {getInnerState} from './utils';
 
 import './Slider.scss';
 
-const b = blockNew('slider');
+const b = block('slider');
 
 export const Slider = React.forwardRef(function Slider(
     {
diff --git a/src/components/Slider/SliderTooltip/SliderTooltip.tsx b/src/components/Slider/SliderTooltip/SliderTooltip.tsx
index e675ba391b..33b7167c2f 100644
--- a/src/components/Slider/SliderTooltip/SliderTooltip.tsx
+++ b/src/components/Slider/SliderTooltip/SliderTooltip.tsx
@@ -1,13 +1,13 @@
 import React from 'react';
 
-import {blockNew} from '../../utils/cn';
+import {block} from '../../utils/cn';
 import type {StateModifiers} from '../types';
 
 import {SliderTooltipPin} from './SliderTooltipPin';
 
 import './SliderTooltip.scss';
 
-const b = blockNew('slider-tooltip');
+const b = block('slider-tooltip');
 
 type SliderTooltipProps = {
     value: number;
diff --git a/src/components/Slider/__stories__/SliderShowcase.tsx b/src/components/Slider/__stories__/SliderShowcase.tsx
index 7966e9a1d9..91d5e78547 100644
--- a/src/components/Slider/__stories__/SliderShowcase.tsx
+++ b/src/components/Slider/__stories__/SliderShowcase.tsx
@@ -2,13 +2,13 @@ import React from 'react';
 
 import {Showcase} from '../../../demo/Showcase';
 import {ShowcaseItem} from '../../../demo/ShowcaseItem';
-import {blockNew} from '../../utils/cn';
+import {block} from '../../utils/cn';
 import {Slider} from '../Slider';
 import type {SliderProps} from '../types';
 
 import './SliderShowcase.scss';
 
-const b = blockNew('slider-showcase');
+const b = block('slider-showcase');
 const blockCn = b('block');
 const rowCn = b('row');