Add icon to delete history button

2 files changed, 8 insertions, 8 deletions

diff --git a/client/src/app/+my-account/my-account-history/my-account-history.component.html b/client/src/app/+my-account/my-account-history/my-account-history.component.html
index d42af37d4..2349f02f5 100644
--- a/client/src/app/+my-account/my-account-history/my-account-history.component.html
+++ b/client/src/app/+my-account/my-account-history/my-account-history.component.html
@@ -4,9 +4,10 @@
     <label i18n>History enabled</label>
   </div>
 
-  <div class="delete-history">
-    <button (click)="deleteHistory()" i18n>Delete history</button>
-  </div>
+  <button class="delete-history" (click)="deleteHistory()" i18n>
+    <my-global-icon iconName="delete"></my-global-icon>
+    Delete history
+  </button>
 </div>
 
 
diff --git a/client/src/app/+my-account/my-account-history/my-account-history.component.scss b/client/src/app/+my-account/my-account-history/my-account-history.component.scss
index b5c78e080..e03d81055 100644
--- a/client/src/app/+my-account/my-account-history/my-account-history.component.scss
+++ b/client/src/app/+my-account/my-account-history/my-account-history.component.scss
@@ -23,12 +23,11 @@
   }
 
   .delete-history {
-    font-size: 15px;
+    @include peertube-button;
+    @include grey-button;
+    @include button-with-icon;
 
-    button {
-      @include peertube-button;
-      @include grey-button;
-    }
+    font-size: 15px;
   }
 }