From 1bf481a72e977f109906dbb088d81c728dc4f7bd Mon Sep 17 00:00:00 2001
From: Krzysztof Bialoglowicz <krzysztof@mirumee.com>
Date: Mon, 2 Sep 2019 15:26:06 +0200
Subject: [PATCH] Fix Chips styles

---
 src/components/Chip/Chip.tsx                               | 2 +-
 .../MultiAutocompleteSelectField.tsx                       | 7 ++++---
 src/components/TableFilter/FilterChips.tsx                 | 7 ++++---
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/Chip/Chip.tsx b/src/components/Chip/Chip.tsx
index 535861af7..0c3b22da9 100644
--- a/src/components/Chip/Chip.tsx
+++ b/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,
diff --git a/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx b/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx
index 7215ec83a..f4fba52b3 100644
--- a/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx
+++ b/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,
diff --git a/src/components/TableFilter/FilterChips.tsx b/src/components/TableFilter/FilterChips.tsx
index 176c53b44..0462442a7 100644
--- a/src/components/TableFilter/FilterChips.tsx
+++ b/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"
       }
     }),
   {