From 1aa5b3096b3810ee44adf1292c77ee83bc4c1750 Mon Sep 17 00:00:00 2001
From: Ricardo Silverio <rsilverio@fastmail.com>
Date: Sat, 28 Sep 2024 21:56:21 -0300
Subject: [PATCH] apply tab styles only to elements with specific roles

---
 .../bruno-app/src/components/RequestTabs/StyledWrapper.js     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/bruno-app/src/components/RequestTabs/StyledWrapper.js b/packages/bruno-app/src/components/RequestTabs/StyledWrapper.js
index 93829cca..2b425ceb 100644
--- a/packages/bruno-app/src/components/RequestTabs/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestTabs/StyledWrapper.js
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 const Wrapper = styled.div`
   border-bottom: 1px solid ${(props) => props.theme.requestTabs.bottomBorder};
 
-  ul {
+  ul[role="tablist"] {
     padding: 0;
     margin: 0;
     display: flex;
@@ -15,7 +15,7 @@ const Wrapper = styled.div`
 
     scrollbar-width: none;
 
-    li {
+    li[role="tab"] {
       display: inline-flex;
       max-width: 150px;
       border: 1px solid transparent;