diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 5b2388ea42..0e5b8e3a80 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -11,6 +11,7 @@ $border-color: #f0f0f0;
 $border-color-dark: #ddd;
 $list-item-hover: #fbfbfb;
 $list-icon-color: #c7c7cd;
+$border-radius: 3px;
 
 $gray: #555;
 $gray-light: #777;
@@ -27,6 +28,10 @@ $background-color: white;
 $background-color-alt: #f9fafc;
 $background-color-alt2: #ecf0f5;
 
+$box-background-color: $background-color;
+$box-background-hover-color: $background-color-alt;
+$box-border-color: $border-color;
+
 * {
     box-sizing: border-box;
 }
@@ -250,10 +255,10 @@ a {
                     border: none;
                     color: white;
                     padding: 5px 10px 5px 30px;
-                    border-radius: 5px;
+                    border-radius: $border-radius;
 
                     &:focus {
-                        border-radius: 5px;
+                        border-radius: $border-radius;
                         outline: none;
                         background: darken($brand-primary, 10%);
                     }
@@ -465,7 +470,7 @@ a {
             color: $text-muted;
 
             img {
-                border-radius: 3px;
+                border-radius: $border-radius;
                 max-height: 20px;
                 max-width: 20px;
             }
@@ -572,8 +577,9 @@ a {
     }
 
     .box-content {
-        background: $background-color;
-        border-radius: 5px;
+        background: $box-background-color;
+        border-radius: $border-radius;
+        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
 
         .box-content-row {
             padding: 10px 15px;
@@ -587,7 +593,11 @@ a {
                 bottom: 0;
                 height: 1px;
                 width: calc(100% - 10px);
-                border-bottom: 1px solid $border-color;
+                border-bottom: 1px solid $box-border-color;
+            }
+
+            &:first-child, &:last-child {
+                border-radius: $border-radius;
             }
 
             &:last-child {
@@ -604,7 +614,7 @@ a {
             }
 
             &:hover, &:focus, &.active {
-                background-color: $background-color-alt;
+                background-color: $box-background-hover-color;
             }
 
             .row-label {