diff --git a/lib/src/components/tabs/TabsTriggerList.tsx b/lib/src/components/tabs/TabsTriggerList.tsx
index 84f3a96ea..e80ed4479 100644
--- a/lib/src/components/tabs/TabsTriggerList.tsx
+++ b/lib/src/components/tabs/TabsTriggerList.tsx
@@ -88,6 +88,8 @@ export const TabsTriggerList: React.FC<
       {...colorScheme}
       {...rest}
     >
+      <StyledTriggerList ref={setListRefCallback}>{children}</StyledTriggerList>
+
       {canScrollLeft && (
         <StyledChevronActionIcon
           label="scroll left"
@@ -96,13 +98,12 @@ export const TabsTriggerList: React.FC<
             left: 0
           }}
           onClick={() => scrollList(-SCROLL_STEP)}
+          tabIndex={-1}
         >
           <Icon is={ChevronLeft} />
         </StyledChevronActionIcon>
       )}
 
-      <StyledTriggerList ref={setListRefCallback}>{children}</StyledTriggerList>
-
       {canScrollRight && (
         <StyledChevronActionIcon
           label="scroll right"
@@ -111,6 +112,7 @@ export const TabsTriggerList: React.FC<
             right: 0
           }}
           onClick={() => scrollList(SCROLL_STEP)}
+          tabIndex={-1}
         >
           <Icon is={ChevronRight} />
         </StyledChevronActionIcon>