From e0be6094d3a6709d70ef8873415f3114c8c0fd0b Mon Sep 17 00:00:00 2001
From: mmv <mmvsha73@gmail.com>
Date: Tue, 21 May 2019 12:13:09 +0400
Subject: [PATCH] fix placeholder styling

---
 .../SendModal/screens/SendFunds/TokenSelectField/index.jsx   | 5 ++++-
 src/theme/mui.js                                             | 5 +++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/routes/safe/components/Balances/SendModal/screens/SendFunds/TokenSelectField/index.jsx b/src/routes/safe/components/Balances/SendModal/screens/SendFunds/TokenSelectField/index.jsx
index eca61d37..d2198f14 100644
--- a/src/routes/safe/components/Balances/SendModal/screens/SendFunds/TokenSelectField/index.jsx
+++ b/src/routes/safe/components/Balances/SendModal/screens/SendFunds/TokenSelectField/index.jsx
@@ -7,6 +7,7 @@ import ListItemIcon from '@material-ui/core/ListItemIcon'
 import ListItemText from '@material-ui/core/ListItemText'
 import Field from '~/components/forms/Field'
 import Img from '~/components/layout/Img'
+import Paragraph from '~/components/layout/Paragraph'
 import SelectField from '~/components/forms/SelectField'
 import { setImageToPlaceholder } from '~/routes/safe/components/Balances/utils'
 import { composeValidators, required } from '~/components/forms/validator'
@@ -37,7 +38,9 @@ const SelectedToken = ({ token, classes }: SelectedTokenProps) => (
         />
       </>
     ) : (
-      'Select an asset'
+      <Paragraph color="disabled" size="lg" weight="light" style={{ opacity: 0.5 }}>
+        Select an asset*
+      </Paragraph>
     )}
   </MenuItem>
 )
diff --git a/src/theme/mui.js b/src/theme/mui.js
index 768de6e0..08cb9c85 100644
--- a/src/theme/mui.js
+++ b/src/theme/mui.js
@@ -222,6 +222,11 @@ export default createMuiTheme({
         backgroundColor: 'rgba(228, 232, 241, 0.75)',
       },
     },
+    MuiMenuItem: {
+      root: {
+        fontFamily: 'Roboto Mono, monospace',
+      },
+    },
     MuiListItemText: {
       primary: {
         fontFamily: 'Roboto Mono, monospace',