From 8855108ef409c431a337169728c7d6866eb3cc65 Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga <pveiga@wisemapping.com>
Date: Tue, 2 Mar 2021 18:22:55 -0800
Subject: [PATCH] chore: minor change

---
 .../src/components/maps-page/maps-list/index.tsx       |  3 ++-
 .../maps-page/maps-list/labels-cell/index.tsx          | 10 +++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/webapp/src/components/maps-page/maps-list/index.tsx b/packages/webapp/src/components/maps-page/maps-list/index.tsx
index 6d80c6bf..36f16256 100644
--- a/packages/webapp/src/components/maps-page/maps-list/index.tsx
+++ b/packages/webapp/src/components/maps-page/maps-list/index.tsx
@@ -34,9 +34,10 @@ import StarRateRoundedIcon from '@material-ui/icons/StarRateRounded';
 import SearchIcon from '@material-ui/icons/Search';
 
 import { AddLabelButton } from './add-label-button';
-// Load fromNow pluggin
 import relativeTime from 'dayjs/plugin/relativeTime';
 import { LabelsCell } from './labels-cell';
+
+// Load fromNow pluggin
 dayjs.extend(relativeTime);
 
 function descendingComparator<T>(a: T, b: T, orderBy: keyof T) {
diff --git a/packages/webapp/src/components/maps-page/maps-list/labels-cell/index.tsx b/packages/webapp/src/components/maps-page/maps-list/labels-cell/index.tsx
index e124ea72..221d6e7a 100644
--- a/packages/webapp/src/components/maps-page/maps-list/labels-cell/index.tsx
+++ b/packages/webapp/src/components/maps-page/maps-list/labels-cell/index.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
 import Chip from '@material-ui/core/Chip';
-import LabelIcon from '@material-ui/icons/Label';
 
-import {Label} from '../../../../classes/client';
+import { Label } from '../../../../classes/client';
+import LabelTwoTone from '@material-ui/icons/LabelTwoTone';
 type Props = {
   labels: Label[],
 };
@@ -14,12 +14,12 @@ export function LabelsCell({ labels }: Props): React.ReactElement<Props> {
         <Chip
           key={label.id}
           size="small"
-          icon={<LabelIcon />}
+          icon={<LabelTwoTone />}
           label={label.title}
           clickable
           color="primary"
-          style={{ backgroundColor: label.color }}
-          onDelete={() => {return 1;}}
+          style={{ backgroundColor: label.color, opacity: '0.75' }}
+          onDelete={() => { return 1; }}
         />
       ))}
     </>