Fix Chips styles

src/components/Chip/Chip.tsx

@@ -28,7 +28,7 @@ const styles = (theme: Theme) =>
       color: theme.palette.common.white
     },
     root: {
-      background: fade(theme.palette.secondary.main, 0.6),
+      background: fade(theme.palette.secondary.main, 0.8),
       borderRadius: 8,
       display: "inline-block",
       marginRight: theme.spacing.unit * 2,

src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx

@@ -51,8 +51,8 @@ const styles = (theme: Theme) =>
         color: theme.palette.primary.contrastText
       },
       alignItems: "center",
-      background: fade(theme.palette.primary.main, 0.6),
-      borderRadius: 24,
+      background: fade(theme.palette.primary.main, 0.8),
+      borderRadius: 18,
       color: theme.palette.primary.contrastText,
       display: "flex",
       justifyContent: "space-between",
@@ -61,7 +61,8 @@ const styles = (theme: Theme) =>
       paddingRight: theme.spacing.unit
     },
     chipLabel: {
-      color: theme.palette.primary.contrastText
+      color: theme.palette.common.white,
+      fontSize: "16px"
     },
     container: {
       flexGrow: 1,

src/components/TableFilter/FilterChips.tsx

@@ -49,7 +49,7 @@ const useStyles = makeStyles(
       },
       filterButton: {
         alignItems: "center",
-        backgroundColor: fade(theme.palette.primary.main, 0.6),
+        backgroundColor: fade(theme.palette.primary.main, 0.8),
         borderRadius: "19px",
         display: "flex",
         height: "38px",
@@ -90,8 +90,9 @@ const useStyles = makeStyles(
       },
       filterText: {
         color: theme.palette.common.white,
-        fontSize: 12,
-        fontWeight: 400 as 400
+        fontSize: 14,
+        fontWeight: 400 as 400,
+        lineHeight: "38px"
       }
     }),
   {