From c1978babd4acc5cd267a3a3135e0e8ac49640fdb Mon Sep 17 00:00:00 2001
From: Karl Kallavus <karl.kallavus@gmail.com>
Date: Wed, 25 Nov 2020 16:35:21 +0200
Subject: [PATCH] fix: carousel centered

---
 packages/components/src/carousel/Carousel.tsx                 | 1 -
 .../src/withHorizontalScroll/withHorizontalScroll.ts          | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/carousel/Carousel.tsx b/packages/components/src/carousel/Carousel.tsx
index 4f8dc249f1..c989f69e7c 100644
--- a/packages/components/src/carousel/Carousel.tsx
+++ b/packages/components/src/carousel/Carousel.tsx
@@ -25,7 +25,6 @@ const currentScrollingSpec = `@supports (scroll-snap-align: start)`;
 const CarouselWrapper = styled.div<any>({
   position: 'relative',
   width: '100%',
-  // overflowX: 'auto',
 });
 
 /**
diff --git a/packages/components/src/withHorizontalScroll/withHorizontalScroll.ts b/packages/components/src/withHorizontalScroll/withHorizontalScroll.ts
index 147a97a757..3b37e49e3a 100644
--- a/packages/components/src/withHorizontalScroll/withHorizontalScroll.ts
+++ b/packages/components/src/withHorizontalScroll/withHorizontalScroll.ts
@@ -26,8 +26,8 @@ const findFirstVisibleIndex = (childRefs: any[]): any => {
 const scrollToIndex = (itemRef: HTMLElement, scrollIntoViewSmoothly: any) => {
   if (itemRef) {
     scrollIntoViewSmoothly(itemRef, {
-      block: 'center',
-      inline: 'center',
+      block: 'nearest',
+      inline: 'nearest',
       behavior: 'smooth',
     });
   }