3 files changed, 8 insertions, 7 deletions
diff --git a/modern/src/theme/dimensions.js b/modern/src/theme/dimensions.js
index bc20cb91..e36fc23b 100644
--- a/modern/src/theme/dimensions.js
+++ b/modern/src/theme/dimensions.js
@@ -1,7 +1,6 @@
 export default {
-  inputHeight: 42,
-  borderRadius: 4,
-  maxFormWidth: 335,
-  sidebarWidth: 28,
-  minSidebarWidth: 52 
+  inputHeight: '42px',
+  borderRadius: '4px',
+  sidebarWidth: '28%',
+  tabletSidebarWidth: '52px' 
 };
diff --git a/modern/src/theme/overrides.js b/modern/src/theme/overrides.js
index 021770b7..28ac7467 100644
--- a/modern/src/theme/overrides.js
+++ b/modern/src/theme/overrides.js
@@ -18,6 +18,7 @@ export default {
     root: {
       height: dimensions.inputHeight,
       borderRadius: dimensions.borderRadius,
+      background: 'rgba(0, 0, 0, 0.035)',
     },
     input: {
       height: dimensions.inputHeight,
@@ -43,6 +44,7 @@ export default {
   MuiButton: {
     root: {
       height: dimensions.inputHeight,
+      textTransform: 'none'
     }
   }
 };
diff --git a/modern/src/theme/palette.js b/modern/src/theme/palette.js
index 24aefce1..5a54b77f 100644
--- a/modern/src/theme/palette.js
+++ b/modern/src/theme/palette.js
@@ -1,7 +1,7 @@
 import { deepPurple, green } from '@material-ui/core/colors';
 
-const traccarPurple = deepPurple[500];
-const traccarGreen = green[500];
+const traccarPurple = '#333366';
+const traccarGreen = '#4CAF50';
 const traccarWhite = '#FFF';
 
 export default {