Merge pull request #1041 from vr-varad/fix/carousal_fix

Fix: Performace carousal Width

Author: amitamrutiya

src/custom/Carousel/style.tsx

@@ -6,6 +6,7 @@ export const CarouselButton = styled('button')(({ theme }) => ({
   transform: 'translateY(-50%)',
   zIndex: '1',
   background: theme.palette.background.paper,
+  color: theme.palette.mode === 'dark' ? theme.palette.common.white : theme.palette.common.black,
   border: 'none',
   cursor: 'pointer',
   padding: '0.5rem',

src/custom/PerformersSection/styles.tsx

@@ -90,8 +90,7 @@ export const Title = styled(Typography)(({ theme }) => ({
 }));
 
 export const StyledCard = styled(Card)<StyledCardProps>(({ theme }) => ({
-  width: 'inherit',
-  minWidth: '150px',
+  width: '200px',
   borderRadius: '16px',
   position: 'relative',
   overflow: 'hidden',