diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index 11f883a0e..acbc78136 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -7,6 +7,12 @@
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,Oxygen-Sans, Ubuntu,Cantarell, "Helvetica Neue", sans-serif;
}
+ .custom-stepper-line {
+ --stepper-line-horizontal-offset: 5px;
+ --stepper-line-width: 2px;
+ --stepper-line-vertical-offset: 13px;
+ }
+
.virtual-table .table-container:before,
.virtual-table .table-container:after {
display: none;
diff --git a/src/components/Carousel/Separator/Separator.tsx b/src/components/Carousel/Separator/Separator.tsx
index 3650a66d1..a4f5e4a3a 100644
--- a/src/components/Carousel/Separator/Separator.tsx
+++ b/src/components/Carousel/Separator/Separator.tsx
@@ -9,6 +9,7 @@ export const Separator: FC = memo((props: SeparatorProps) => {
return (