fix(ui): improve tab badge styling (#16507)

2025-12-30 03:12:29 +00:00 · 2025-10-06 13:40:41 +03:00
parent 841ab8c052
commit 9d2f1ce8e0
1 changed files with 9 additions and 4 deletions
--- a/react/features/base/ui/components/web/Tabs.tsx
+++ b/react/features/base/ui/components/web/Tabs.tsx
@@ -71,11 +71,16 @@ const useStyles = makeStyles()(theme => {

        badge: {
            ...theme.typography.labelBold,
-            color: theme.palette.text04,
-            padding: `0 ${theme.spacing(1)}`,
-            borderRadius: '100%',
+            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: {