--- a/client/src/application/assets/application.sass	Wed Nov 21 12:29:43 2018 +0100
+++ b/client/src/application/assets/application.sass	Wed Nov 21 12:36:06 2018 +0100
@@ -14,6 +14,7 @@
  */
 $basic-shadow-light: 1px 1px 12px 1px rgba(235, 235, 235, 0.75)
 $basic-shadow: 1px 3px 8px 2px rgba(220, 220, 220, 0.75)
+$shadow-xs: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2)
 $border-radius: 0.25rem
 $icon-height: 2rem
 $icon-width: 2rem
@@ -46,13 +47,16 @@
 .ui-element
   pointer-events: auto
 
+.shadow-xs
+  box-shadow: $shadow-xs
+
 .box
   max-height: 0
   max-width: 0
   overflow: hidden
   margin-left: 0
   margin-right: 0
-  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2)
+  box-shadow: $shadow-xs
   transition: max-width .4s, max-height .4s, margin-left .4s, margin-right .4s
 
 .expanded
@@ -70,7 +74,7 @@
   background: #fff
   margin-bottom: $offset
   border-radius: $border-radius
-  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2)
+  box-shadow: $shadow-xs
   z-index: 2
   pointer-events: auto
   .inverted