diff --git a/infoupdate.html b/infoupdate.html
index 51bb633..d4f97c5 100644
--- a/infoupdate.html
+++ b/infoupdate.html
@@ -1,3 +1,23 @@
+<h1><u>Subsonics 2.2.4</u></h1>
+<p>Sortie le : 03/05/2022</p>
+<h2 style="font-size: 18px;">Ajouts & Fixes :</h2>
+<ul>
+   
+    <li><strong>[CHANGE]</strong> : Changement du titre de l'application</li>
+
+</ul>
+<hr>
+
+<h1><u>Subsonics 2.2.3</u></h1>
+<p>Sortie le : 02/05/2022</p>
+<h2 style="font-size: 18px;">Ajouts & Fixes :</h2>
+<ul>
+   
+    <li><strong>[FIX]</strong> : Update : Fix Canal</li>
+
+</ul>
+<hr>
+
 <h1><u>Subsonics 2.2.2</u></h1>
 <p>Sortie le : 02/05/2022</p>
 <h2 style="font-size: 18px;">Ajouts & Fixes :</h2>
diff --git a/package.json b/package.json
index 7353926..ff7f7de 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "subsonics-manager",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Manager for subsonics",
   "main": "main.js",
   "scripts": {
diff --git a/src/title.png b/src/title.png
new file mode 100644
index 0000000..7097877
Binary files /dev/null and b/src/title.png differ
diff --git a/src/title.png~ b/src/title.png~
new file mode 100644
index 0000000..00f89ce
Binary files /dev/null and b/src/title.png~ differ
diff --git a/templates/app/app.html b/templates/app/app.html
index 4b8ed25..a822aa6 100644
--- a/templates/app/app.html
+++ b/templates/app/app.html
@@ -11,7 +11,8 @@
 <body>
     <header>
         <div class="top-title">
-            <h1><img class="top-logo rounded" src="../../src/logo.png" alt="Logo"> Subsonics</h1>
+            <img class="top-logo rounded" src="../../src/logo.png" alt="Logo">
+            <img class="top-title-image rounded" src="../../src/title.png" alt="Logo">
         </div>
         <button id="minimizeBtn" class="buttonReduce"><i class="fas fa-window-minimize"></i></button>
         <button id="closeBtn" class="buttonClose"><i class="fas fa-times"></i></button>
diff --git a/templates/common/common.css b/templates/common/common.css
index 00e3358..8f68d94 100644
--- a/templates/common/common.css
+++ b/templates/common/common.css
@@ -20,14 +20,15 @@ body {
     padding: 5% !important;
     padding-bottom: 0% !important;
     color: white;
+    margin-bottom: 5px;
 }
 
 
 .top-logo {
 
     width: 15%;
-    
-    
+    margin-left: 20px;
+
 }
 
 
@@ -51,6 +52,15 @@ body {
 
 }
 
+.top-title-image {
+
+    width: 80%;
+    margin-top: 6px;
+    margin-right: 20px;
+    margin-left: 4px;
+
+}
+
 .buttonClose:hover {
 
     color: red;
