diff --git a/packages/main/src/components/Carousel/CarouselPagination.tsx b/packages/main/src/components/Carousel/CarouselPagination.tsx
index 3f2cf40166a..f160325041c 100644
--- a/packages/main/src/components/Carousel/CarouselPagination.tsx
+++ b/packages/main/src/components/Carousel/CarouselPagination.tsx
@@ -1,14 +1,14 @@
 import { StyleClassHelper } from '@ui5/webcomponents-react-base/lib/StyleClassHelper';
-import React, { Children, FC, useMemo } from 'react';
-import { createUseStyles } from 'react-jss';
-import { JSSTheme } from '../../interfaces/JSSTheme';
 import { CarouselArrowsPlacement } from '@ui5/webcomponents-react/lib/CarouselArrowsPlacement';
 import { Icon } from '@ui5/webcomponents-react/lib/Icon';
 import { Label } from '@ui5/webcomponents-react/lib/Label';
 import { PlacementType } from '@ui5/webcomponents-react/lib/PlacementType';
+import '@ui5/webcomponents/dist/icons/slim-arrow-left';
+import '@ui5/webcomponents/dist/icons/slim-arrow-right';
+import React, { Children, FC, useMemo } from 'react';
+import { createUseStyles } from 'react-jss';
+import { JSSTheme } from '../../interfaces/JSSTheme';
 import styles from './CarouselPagination.jss';
-import '@ui5/webcomponents/dist/icons/arrow-left';
-import '@ui5/webcomponents/dist/icons/arrow-right';
 
 const useStyles = createUseStyles<JSSTheme, keyof ReturnType<typeof styles>>(styles, { name: 'CarouselPagination' });