diff --git a/js/src/views/Event/Event.vue b/js/src/views/Event/Event.vue
index 8fb98e27f..592807e3e 100644
--- a/js/src/views/Event/Event.vue
+++ b/js/src/views/Event/Event.vue
@@ -118,6 +118,10 @@ import {ParticipantRole} from "@/types/event.model";
                     </div>
                   </b-modal>
                 </div>
+                <span class="online-address" v-if="event.onlineAddress">
+                  <b-icon icon="link"></b-icon>
+                  <a :href="event.onlineAddress">{{ urlToHostname(event.onlineAddress) }}</a>
+                </span>
                 <div class="organizer">
                   <span>
                     <span v-if="event.organizerActor">
@@ -544,6 +548,9 @@ export default class Event extends EventMixin {
     return this.event.options.maximumAttendeeCapacity - this.event.participantStats.participants;
   }
 
+  urlToHostname(url: string): string {
+    return (new URL(url)).hostname;
+  }
 }
 </script>
 <style lang="scss" scoped>
@@ -627,6 +634,10 @@ export default class Event extends EventMixin {
       }
     }
 
+    span.online-address {
+      display: flex;
+    }
+
     div.organizer {
       display: inline-flex;
       padding-top: 10px;