diff --git a/templates/trip_page.html b/templates/trip_page.html
index 06437a5..0c1d05a 100644
--- a/templates/trip_page.html
+++ b/templates/trip_page.html
@@ -60,6 +60,7 @@
 {% endblock %}
 
 {% set end = trip.end %}
+{% set total_distance = trip.total_distance() %}
 
 {% block content %}
 <div class="row">
@@ -80,6 +81,13 @@
     {# <div>Countries: {{ trip.countries_str }}</div> #}
     <div>Locations: {{ trip.locations_str }}</div>
 
+    {% if total_distance %}
+      <div>Total distance:
+      {{ "{:,.0f} km / {:,.0f} miles".format(total_distance, total_distance / 1.60934) }}
+      </div>
+    {% endif %}
+
+
     {% set delta = human_readable_delta(trip.start) %}
     {% if delta %}
       <div>How long until trip: {{ delta }}</div>
@@ -201,11 +209,19 @@
                 {% if item.arrive %}
                 &rarr;
                 {{ item.arrive.strftime("%H:%M %z") }}
-                ✨
-                <span>{{ ((item.arrive - item.depart).total_seconds() // 60) | int }} mins</span>
+                <span>🕒{{ ((item.arrive - item.depart).total_seconds() // 60) | int }} mins</span>
                 {% endif %}
                 ✨
                 <span>{{ item.airline }}{{ item.flight_number }}</span>
+
+                {% if item.distance %}
+                  <span>
+                    🌍distance:
+                    {{ "{:,.0f} km / {:,.0f} miles".format(item.distance, item.distance / 1.60934) }}
+                  </span>
+                {% endif %}
+
+
               </div>
             {% elif item.type == "train" %}
               <div>
@@ -215,7 +231,13 @@
                 {% if item.class %}
                   <span class="badge bg-info text-nowrap">{{ item.class }}</span>
                 {% endif %}
-                <span>{{ ((item.arrive - item.depart).total_seconds() // 60) | int }} mins</span>
+                <span>🕒{{ ((item.arrive - item.depart).total_seconds() // 60) | int }} mins</span>
+                {% if item.distance %}
+                  <span>
+                    🛤️
+                    {{ "{:,.0f} km / {:,.0f} miles".format(item.distance, item.distance / 1.60934) }}
+                  </span>
+                {% endif %}
               </div>
             {% endif %}
           </p>