fix(HorizontalScroll): arrows now only display if it's overflowing (#…

…3882)
kiwicom · Jun 15, 2023 · 115fce2 · 115fce2
1 parent 27c0c31
commit 115fce2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/orbit-components/src/HorizontalScroll/index.tsx b/packages/orbit-components/src/HorizontalScroll/index.tsx
@@ -242,15 +242,15 @@ const HorizontalScroll = React.forwardRef<HTMLDivElement, Props>(
             <StyledButton
               tabIndex={0}
               type="button"
-              isHidden={reachedStart}
+              isHidden={reachedStart || !isOverflowing}
               onClick={() => handleClick("left")}
             >
               <ChevronBackward customColor={arrowColor} />
             </StyledButton>
             <StyledButton
               tabIndex={0}
               type="button"
-              isHidden={reachedEnd}
+              isHidden={reachedEnd || !isOverflowing}
               onClick={() => handleClick("right")}
             >
               <ChevronForward customColor={arrowColor} />