--- a/client/src/components/map/toolbar/Toolbar.vue	Thu Nov 29 12:19:26 2018 +0100
+++ b/client/src/components/map/toolbar/Toolbar.vue	Thu Nov 29 12:30:12 2018 +0100
@@ -16,11 +16,14 @@
 // not scoped to affect nested components
 // doen't work when put in application/assets/application.sass... why??? o_O
 .toolbar
+  box-shadow: $shadow-xs
   overflow: hidden
   transition: max-height 0.4s
+  margin-bottom: auto
+  border-radius: $border-radius
 
 .toolbar-collapsed
-  max-height: (3 * $icon-height) + (4 * $offset) + 1rem
+  max-height: (3 * $icon-height) + 1.2rem
 
 .toolbar-expanded
   max-height: 100%
@@ -34,13 +37,13 @@
   justify-content: center
   display: flex
   background: #fff
-  margin-bottom: $offset
-  border-radius: $border-radius
-  box-shadow: $shadow-xs
+  border-bottom: 1px solid #dee2e6
   z-index: 2
   pointer-events: auto
   position: relative
   overflow: hidden
+  &:last-child
+    border-bottom: none
   .inverted
     color: $color-info
   .grey
@@ -62,6 +65,7 @@
 
 .toolbar-toggle
   height: 1.2rem
+  border-bottom: none
 </style>
 
 <script>