diff --git a/js/src/components/Map.vue b/js/src/components/Map.vue
index 819fb868..0935b82b 100644
--- a/js/src/components/Map.vue
+++ b/js/src/components/Map.vue
@@ -163,7 +163,7 @@ export default class Map extends Vue {
 </script>
 <style lang="scss" scoped>
 div.map-container {
-  height: 100%;
+  height: 80vh;
   width: 100%;
 
   .leaflet-map {
diff --git a/js/src/views/Group/Group.vue b/js/src/views/Group/Group.vue
index 8ddd264e..9c8e7894 100644
--- a/js/src/views/Group/Group.vue
+++ b/js/src/views/Group/Group.vue
@@ -505,13 +505,15 @@
                     </p>
                   </address>
                 </div>
-                <span
+                <b-button
                   class="map-show-button"
+                  type="is-text"
                   @click="showMap = !showMap"
                   @keyup.enter="showMap = !showMap"
                   v-if="physicalAddress.geom"
-                  >{{ $t("Show map") }}</span
                 >
+                  {{ $t("Show map") }}
+                </b-button>
               </div>
             </div>
           </event-metadata-block>