[Bug]: Extra Arrow is Visible in Tabs Component on resize

[preetibansalui]

Package

@carbon/react

Browser

Chrome, safari, firefox

Package version

V11.57.0

React version

No response

Description

An extra arrow is visible in Tabs component on window resize.

Screen.Recording.2024-05-16.at.6.25.09.PM.mov

Additionally there is a second related bug [1, 2] where

There is an unnecessary left arrow (nav button) that is appearing when you click on the last item of the tabs. This appears only in firefox browser.
This is reproducible in the carbon storybook playground. https://react.carbondesignsystem.com/?path=/story/components-tabs--playground

Screen.Recording.2024-05-16.at.5.00.43.PM.mov

Reproduction/example

Both are reproducible in storybook

Steps to reproduce

Resize the Tabs window to a small size so that it should display an arrow for the tabs. Now resize the window to original size, Tab will not disappear.

[alisonjoseph]

Possibly related issue reported in slack.https://ibm-studios.slack.com/archives/C2K6RFJ1G/p1717057488338139

https://stackblitz.com/edit/github-aryg3b-bah5mt?file=src%2Findex.scss,src%2FApp.jsx&preset=node=