diff --git a/src/style.js b/src/style.js
index 52a3fe5102a6b91bc047c40dac329cd974f65474..b59ec37252c536c1401a0ec86d9d2c86f041b9a1 100644
--- a/src/style.js
+++ b/src/style.js
@@ -1,22 +1,25 @@
-import { ButtonCSS, addTypography } from 'polythene-css';
+import { ButtonCSS, addTypography, CardCSS, ShadowCSS } from 'polythene-css';
 import { styler } from 'polythene-core-css';
 
 addTypography();
 
+// https://material.io/tools/color/#!/?view.left=0&view.right=1&secondary.color=e8462b&primary.color=274284
 export const colors = {
-	amiv_blue: '#1F2D54',
-	amiv_red: '#e8462b',
-	green: '#4ef599',
-	light_blue: '#5378E1',
-	orange: 'orange',
-}
+  amiv_blue: '#1F2D54',
+  amiv_red: '#e8462b',
+  green: '#4ef599',
+  blue: '#274284',
+  //light_blue: '#5378E1',
+  light_blue: '#5a6db4',
+  orange: 'orange',
+};
 
 ButtonCSS.addStyle('.blue-button', {
-  color_light_text: colors.light_blue,
+  color_light_text: colors.blue,
 });
 
 ButtonCSS.addStyle('.blue-button-filled', {
-  color_light_background: colors.amiv_blue,
+  color_light_background: colors.blue,
   color_light_text: 'white',
 });
 
@@ -28,6 +31,15 @@ ButtonCSS.addStyle('.red-row-button', {
   margin_h: 0,
 });
 
+CardCSS.addStyle('.pe-card', {
+  border_radius: '4',
+});
+
+ShadowCSS.addStyle('.pe-shadow', {
+  'shadow-top-z-1': 'initial',
+  'shadow-bottom-z-1': '0 0 1px 0 rgba(0, 0, 0, 0.37)',
+});
+
 // style for general containers
 const style = [
   {