Fix selects and menu

Author: kulgavy

src/pages/dashboard/Dashboard.js

@@ -336,7 +336,7 @@ const Dashboard = ({ classes, theme, ...props }) => {
                   input={
                     <OutlinedInput
                       labelWidth={0}
-                      classes={{ input: classes.mainChartSelect }}
+                      classes={{ notchedOutline: classes.mainChartSelectRoot, input: classes.mainChartSelect }}
                     />
                   }
                   autoWidth
@@ -503,6 +503,9 @@ const styles = theme => ({
     alignItems: "center",
     marginLeft: theme.spacing.unit * 2
   },
+  mainChartSelectRoot: {
+    borderColor: theme.palette.text.hint + '80 !important',
+  },
   mainChartSelect: {
     padding: 10,
     paddingRight: 25

src/themes/default.js

@@ -87,6 +87,24 @@ export default {
           "0px 3px 11px 0px #E8EAFC, 0 3px 3px -2px #B2B2B21A, 0 1px 8px 0 #9A9A9A1A"
       }
     },
+    MuiSelect: {
+      icon: {
+        color: "#B9B9B9",
+      }
+    },
+    MuiListItem: {
+      button: {
+        '&:hover, &:focus': {
+          backgroundColor: '#F3F5FF',
+        },
+      },
+      selected: {
+        backgroundColor: '#F3F5FF !important',
+        '&:focus': {
+          backgroundColor: '#F3F5FF',
+        },
+      }
+    },
     MuiTouchRipple: {
       child: {
         backgroundColor: "white"