diff --git a/js/src/graphql/event.ts b/js/src/graphql/event.ts
index 2ce2de7c4..d4c5dafbe 100644
--- a/js/src/graphql/event.ts
+++ b/js/src/graphql/event.ts
@@ -18,6 +18,7 @@ export const FETCH_EVENT = gql`
       url,
       local,
       title,
+      slug,
       description,
       beginsOn,
       endsOn,
diff --git a/js/src/types/event.model.ts b/js/src/types/event.model.ts
index 44e2f589a..25289c0b3 100644
--- a/js/src/types/event.model.ts
+++ b/js/src/types/event.model.ts
@@ -49,6 +49,7 @@ export interface IEvent {
   local: boolean;
 
   title: string;
+  slug: string;
   description: string;
   category: Category;
 
@@ -77,6 +78,7 @@ export interface IEvent {
 export class EventModel implements IEvent {
   beginsOn: Date = new Date();
   category: Category = Category.MEETING;
+  slug: string = '';
   description: string = '';
   endsOn: Date = new Date();
   joinOptions: EventJoinOptions = EventJoinOptions.FREE;
diff --git a/js/src/views/Event/Event.vue b/js/src/views/Event/Event.vue
index 846b4e634..fb8d77685 100644
--- a/js/src/views/Event/Event.vue
+++ b/js/src/views/Event/Event.vue
@@ -46,8 +46,7 @@
                 </a>
               </div>
               <p class="slug">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                In aliquam libero quam, ut ultricies velit porttitor a. Maecenas mollis vestibulum dolor.
+                {{ event.slug }}
               </p>
             </div>
             <div class="column sidebar">