2 files changed, 14 insertions, 3 deletions

diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index 3f946d581..deccb2810 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -1,9 +1,9 @@
 <div class="container-fluid">
   <div class="row">
     <div class="col-md-2 col-sm-3 col-xs-3 title-menu-left">
-      <h4 id="peertube-title" class="title-menu-left-block header">
-        <a [routerLink]="['/videos/list']">PeerTube</a>
-      </h4>
+      <div id="peertube-title" class="title-menu-left-block header">
+        <a [routerLink]="['/videos/list']" title="Homepage"></a>
+      </div>
 
       <div class="title-menu-left-block menu">
         <my-menu *ngIf="isInAdmin() === false"></my-menu>
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index 2d0487cd8..f11552ef6 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -19,8 +19,19 @@
     margin-top: 0;
     margin-bottom: 0;
 
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    text-align: center;
+
     a {
       color: inherit !important;
+      display: block;
+      background: url(/client/assets/logo.png) no-repeat;
+      background-size: contain;
+      width: 180px;
+      height: 22px;
+      margin: auto;
 
       &:hover {
         color: inherit !important;