From 34c6c2ad0d89e41fd8c081005392d447221d744c Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Wed, 12 Apr 2023 11:51:44 +0530
Subject: [PATCH] fix badge style

---
 src/components/Badge.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
index 73f8b33cf..b1a870312 100644
--- a/src/components/Badge.tsx
+++ b/src/components/Badge.tsx
@@ -1,11 +1,12 @@
-import { Paper, styled } from '@mui/material';
-import { CSSProperties } from '@mui/styled-engine';
+import { Box, styled } from '@mui/material';
+import { CSSProperties } from '@mui/material/styles/createTypography';
 
-export const Badge = styled(Paper)(({ theme }) => ({
+export const Badge = styled(Box)(({ theme }) => ({
+    borderRadius: theme.shape.borderRadius,
     padding: '2px 4px',
-    backgroundColor: theme.colors.backdrop.base,
+    backgroundColor: theme.colors.black.muted,
     backdropFilter: `blur(${theme.colors.blur.muted})`,
-    color: theme.palette.primary.contrastText,
+    color: theme.colors.white.base,
     textTransform: 'uppercase',
-    ...(theme.typography.mini as CSSProperties),
+    ...(theme.typography.tiny as CSSProperties),
 }));