diff --git a/angular.json b/angular.json
index 12e64129..870a5d7e 100644
--- a/angular.json
+++ b/angular.json
@@ -21,7 +21,6 @@
               "src/favicon.ico"
             ],
             "styles": [            
-              "./node_modules/ionicons/dist/scss/ionicons.scss",
               "src/sass/styles.scss"
             ],
             "stylePreprocessorOptions": {
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 32f78654..0ef47812 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -2,7 +2,7 @@ import { BrowserModule } from "@angular/platform-browser";
 import { FormsModule } from "@angular/forms";
 import { HttpModule } from "@angular/http";
 import { HttpClientModule } from '@angular/common/http';
-import { NgModule, APP_INITIALIZER } from "@angular/core";
+import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
 import { RouterModule, Routes } from "@angular/router";
 
 import { NgxElectronModule } from "ngx-electron";
@@ -74,6 +74,7 @@ const routes: Routes = [
     NgxsStoragePluginModule.forRoot()
   ],
   providers: [AuthService, NavigationService, MastodonService, StreamingService],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/app/components/left-side-bar/left-side-bar.component.html b/src/app/components/left-side-bar/left-side-bar.component.html
index 25505783..f9bbc44c 100644
--- a/src/app/components/left-side-bar/left-side-bar.component.html
+++ b/src/app/components/left-side-bar/left-side-bar.component.html
@@ -1,23 +1,21 @@
 <div class="left-bar">
     <a class="left-bar-button left-bar-button--status left-bar-link" href title="write new message" (click)="createNewStatus()">
-        <span class="ion ion-md-send" style="font-size: 32px;"></span>
+        <ion-icon name="md-send"></ion-icon>
     </a>
     <a class="left-bar-button left-bar-button--search left-bar-link" href title="search" (click)="openSearch()">
-        <span class="ion ion-md-search" style="font-size: 32px;"></span>
+        <ion-icon name="md-search"></ion-icon>
     </a>
 
     <div *ngFor="let account of accounts">
         <app-account-icon [account]="account" (toogleAccountNotify)="onToogleAccountNotify($event)" (openMenuNotify)="onOpenMenuNotify($event)">
         </app-account-icon>
-
-        <!-- <a href title="{{ account.username }}" (click)="toogleAccount(account.id)"><img src="{{ account.avatar }}" /></a> -->
     </div>
 
     <a class="left-bar-button left-bar-button--add  left-bar-link" href title="add new account" (click)="addNewAccount()">
-        <span class="ion ion-md-add" style="font-size:26px;"></span>
+        <ion-icon name="md-add"></ion-icon>
     </a>
 
     <a class="left-bar-button left-bar-button--cog left-bar-link" href title="settings" (click)="openSettings()">
-        <span class="ion ion-md-cog" style="font-size: 32px;"></span>
+        <ion-icon name="md-cog"></ion-icon>
     </a>
 </div>
\ No newline at end of file
diff --git a/src/app/components/left-side-bar/left-side-bar.component.scss b/src/app/components/left-side-bar/left-side-bar.component.scss
index d45f1bb9..052f750e 100644
--- a/src/app/components/left-side-bar/left-side-bar.component.scss
+++ b/src/app/components/left-side-bar/left-side-bar.component.scss
@@ -17,24 +17,26 @@ $height-button: 40px;
 }
 
 .left-bar-button {
+    font-size: 32px;
     display: block;
     width: $width-button;
     height: $height-button;
     transition: all .2s;
     // outline: 1px dotted greenyellow;
     &--status {
-        padding: 5px 0 0 12px;
+        padding: 5px 0 0 10px;
     }
     &--search {
-        padding: 2px 0 0 12px;
+        padding: 0 0 0 9px;
     }
     &--add {
-        padding: 0 0 0 16px;
+        padding: 0 0 0 12px;
+        font-size: 26px;
     }
     &--cog {
-        padding: 2px 0 0 10px;
+        padding: 2px 0 0 9px;
         position: absolute;
-        bottom: 5px;
+        bottom: 7px;
         opacity: .2;        
         transition: all .3s;
         filter: alpha(opacity=20);
diff --git a/src/index.html b/src/index.html
index 1da7ca32..ff94bff9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -10,12 +10,16 @@
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
+  
+
 </head>
 
 <body>
   <app-root>
     loading...
   </app-root>
+
+  <script src="https://unpkg.com/ionicons@4.4.2/dist/ionicons.js"></script> 
 </body>
 
 </html>
\ No newline at end of file