From 25ec00f216d617ed786e406fa685a95a2b8a23b8 Mon Sep 17 00:00:00 2001
From: Mihaela Dumitru <mihdmt@gmail.com>
Date: Mon, 6 Oct 2025 13:40:41 +0300
Subject: [PATCH] fix(ui): improve tab badge styling (#16507)

---
 react/features/base/ui/components/web/Tabs.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/react/features/base/ui/components/web/Tabs.tsx b/react/features/base/ui/components/web/Tabs.tsx
index e92df387de..4cb581f995 100644
--- a/react/features/base/ui/components/web/Tabs.tsx
+++ b/react/features/base/ui/components/web/Tabs.tsx
@@ -70,12 +70,17 @@ const useStyles = makeStyles()(theme => {
         },
 
         badge: {
-            ...withPixelLineHeight(theme.typography.labelBold),
-            color: theme.palette.text04,
-            padding: `0 ${theme.spacing(1)}`,
-            borderRadius: '100%',
+            ...theme.typography.labelBold,
+            alignItems: 'center',
             backgroundColor: theme.palette.warning01,
-            marginLeft: theme.spacing(2)
+            borderRadius: theme.spacing(2),
+            color: theme.palette.text04,
+            display: 'inline-flex',
+            height: theme.spacing(3),
+            justifyContent: 'center',
+            marginLeft: theme.spacing(2),
+            minWidth: theme.spacing(2),
+            padding: `0 ${theme.spacing(1)}`
         },
 
         icon: {