Merge pull request #1057 from vr-varad/fix/carousal_padding_fix

Fix: Performance Carousel

Author: amitamrutiya

src/custom/Carousel/style.tsx

@@ -17,18 +17,19 @@ export const CarouselButton = styled('button')(({ theme }) => ({
     color: '#fff'
   },
   '&:first-of-type': {
-    left: '-1.2rem'
+    left: '-0.5rem'
   },
   '&:last-of-type': {
-    right: '-1.2rem'
+    right: '-0.5rem'
   }
 }));
 
 export const CarouselWrapper = styled('div')({
   display: 'flex',
   alignItems: 'center',
   width: '100%',
-  position: 'relative'
+  position: 'relative',
+  padding: '0 3rem'
 });
 
 export const CarouselContainer = styled('div')({