From a4643564d2f40248ceeb6dda95aff0b0878cb0e2 Mon Sep 17 00:00:00 2001
From: Marvin Laubenstein <marvin.laubenstein@telekom.de>
Date: Tue, 18 Nov 2025 14:35:22 +0100
Subject: [PATCH] fix(stateless-tabs-view): solving accessibility order issue

---
 .../src/components/components/Tabs/StatelessTabsView.tsx    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/core/src/components/components/Tabs/StatelessTabsView.tsx b/code/core/src/components/components/Tabs/StatelessTabsView.tsx
index f736672cbe8b..71a3b02b4236 100644
--- a/code/core/src/components/components/Tabs/StatelessTabsView.tsx
+++ b/code/core/src/components/components/Tabs/StatelessTabsView.tsx
@@ -65,10 +65,10 @@ export const StatelessTabsView: FC<StatelessTabsViewProps> = ({
           justifyContent: 'space-between',
           paddingInlineStart: 0,
           paddingInlineEnd: 10,
-          // A11y: the tools must be before the tab list in the DOM for correct tab order.
+          // A11y: the tab list must be before the tools in the DOM for correct tab order.
           // This lets us control order without adding a wrapper div, leading to better flex
           // behavior on tools for our callees (e.g. containerType: 'inline-size' in a11y-addon).
-          '> *:not(:last-child)': {
+          '> *:not(:first-child)': {
             order: 2,
           },
           '> *': {
@@ -78,8 +78,8 @@ export const StatelessTabsView: FC<StatelessTabsViewProps> = ({
           gap: 0,
         }}
       >
-        {tools}
         {hasContent ? tabListChild : <div />}
+        {tools}
       </Bar>
       {hasContent ? tabPanelChildren : EmptyContent}
     </Container>