diff --git a/src/c3nav/site/static/site/css/c3nav.css b/src/c3nav/site/static/site/css/c3nav.css
index d59aca8b..92bfe20a 100644
--- a/src/c3nav/site/static/site/css/c3nav.css
+++ b/src/c3nav/site/static/site/css/c3nav.css
@@ -210,6 +210,12 @@ main:not([data-view=route-result]) #route-details,
 main:not(.show-details) #resultswrapper .details {
     display:none;
 }
+main .buttons .details .material-icons {
+    transition: transform 250ms;
+}
+main.show-details .buttons .details .material-icons {
+    transform: scale(1, -1);
+}
 main.show-details #resultswrapper .details {
     animation: show-details;
     animation-duration: 150ms;
diff --git a/src/c3nav/site/templates/site/map.html b/src/c3nav/site/templates/site/map.html
index e55064b6..2a3d1bad 100644
--- a/src/c3nav/site/templates/site/map.html
+++ b/src/c3nav/site/templates/site/map.html
@@ -47,7 +47,7 @@
                 <i class="material-icons" id="route-dots">more_vert</i>
                 <div class="buttons" id="location-buttons">
                     <button class="button-clear details">
-                        <i class="material-icons">arrow_downward</i>
+                        <i class="material-icons">expand_more</i>
                         Details
                     </button>
                     <button class="button-clear share">