diff --git a/docs/app/@theme/components/docs-footer/footer.component.html b/docs/app/@theme/components/docs-footer/footer.component.html
index 8e3bcbd0..f0b71b15 100644
--- a/docs/app/@theme/components/docs-footer/footer.component.html
+++ b/docs/app/@theme/components/docs-footer/footer.component.html
@@ -15,14 +15,20 @@
   <ul>
     <li><strong class="title">Follow Us</strong></li>
     <li class="social">
-      <a href="https://github.com/akveo/ngx-admin" target="_blank">
-        <i class="small-social-github"></i>
+      <a href="https://github.com/akveo/ngx-admin"
+         aria-label="github"
+         target="_blank">
+        <i [innerHTML]="'github-outline' | eva: { width: 30, height: 30, fill: '#f7f8fa' }"></i>
       </a>
-      <a href="https://twitter.com/akveo_inc" target="_blank">
-        <i class="small-social-twitter"></i>
+      <a href="https://twitter.com/akveo_inc"
+         aria-label="twitter"
+         target="_blank">
+        <i [innerHTML]="'twitter' | eva: { width: 30, height: 30, fill: '#f7f8fa' }"></i>
       </a>
-      <a href="https://www.facebook.com/akveo" target="_blank">
-        <i class="small-social-facebook"></i>
+      <a href="https://www.facebook.com/akveo"
+         aria-label="facebook"
+         target="_blank">
+        <i [innerHTML]="'facebook' | eva: { width: 35, height: 35, fill: '#f7f8fa' }"></i>
       </a>
     </li>
     <li class="copy">