diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html
index 678e05776b3dc974c4a02cd3f3b6c3d6c2bafb54..23034e3aa7f0e9b1a4436b3bcf9d8a0fab2830de 100644
--- a/src/app/about/about.component.html
+++ b/src/app/about/about.component.html
@@ -27,6 +27,7 @@
           acteurs.
         </p>
         <p>N'hésitez pas à contribuer à cet espace en partageant vos ressources</p>
+        <p class="version" fxLayoutAlign="center center">Version : {{ version }}</p>
       </div>
       <div fxLayout="column" fxLayoutAlign="center center" fxLayoutGap="20px">
         <img src="/assets/logos/logo_europe.png" width="220" height="168" alt="logo de l'union européenne" />
diff --git a/src/app/about/about.component.scss b/src/app/about/about.component.scss
index 08f1b70f14040182e176340db2ee075f95697129..a5d775dd2534796b5115efd28d9d95529993bdbe 100644
--- a/src/app/about/about.component.scss
+++ b/src/app/about/about.component.scss
@@ -13,3 +13,9 @@ h2 {
 .about-container {
   max-width: 760px;
 }
+
+.version {
+  padding-top: 80px;
+  font-size: $font-size-xxsmall;
+  color: $grey-3;
+}
diff --git a/src/app/about/about.component.ts b/src/app/about/about.component.ts
index 9898f7a23864d3a2f7863283d9a870ddd6049906..1368672d65859aefbca327f58baa2b6ff44c8550 100644
--- a/src/app/about/about.component.ts
+++ b/src/app/about/about.component.ts
@@ -1,15 +1,15 @@
 import { Component, OnInit } from '@angular/core';
+import { version } from '../../../package.json';
 
 @Component({
   selector: 'app-about',
   templateUrl: './about.component.html',
-  styleUrls: ['./about.component.scss']
+  styleUrls: ['./about.component.scss'],
 })
 export class AboutComponent implements OnInit {
+  public version: string = version;
 
-  constructor() { }
-
-  ngOnInit(): void {
-  }
+  constructor() {}
 
+  ngOnInit(): void {}
 }