diff --git a/src/app/main/apps/mail-ngrx/mail-details/mail-details.component.html b/src/app/main/apps/mail-ngrx/mail-details/mail-details.component.html
index 75b9cb8f..161de23f 100644
--- a/src/app/main/apps/mail-ngrx/mail-details/mail-details.component.html
+++ b/src/app/main/apps/mail-ngrx/mail-details/mail-details.component.html
@@ -12,9 +12,9 @@
     <div class="mail-header" fxLayout="row" fxLayoutAlign="space-between center">
 
         <div>
-            <div class="subject" flex>{{mail.subject}}</div>
+            <div class="subject">{{mail.subject}}</div>
 
-            <div class="labels" fxLayout="row wrap">
+            <div class="labels mt-8" fxLayout="row wrap">
                 <div class="label" *ngFor="let labelId of mail.labels"
                      fxLayout="row" fxLayoutAlign="start center">
                     <div class="label-color" [ngStyle]="{'background-color': (labels$ | async) | getById:labelId:'color'}"></div>
diff --git a/src/app/main/apps/mail/mail-details/mail-details.component.html b/src/app/main/apps/mail/mail-details/mail-details.component.html
index bbcad607..564bccd4 100644
--- a/src/app/main/apps/mail/mail-details/mail-details.component.html
+++ b/src/app/main/apps/mail/mail-details/mail-details.component.html
@@ -13,9 +13,9 @@
     <div class="mail-header" fxLayout="row" fxLayoutAlign="space-between center">
 
         <div>
-            <div class="subject" flex>{{mail.subject}}</div>
+            <div class="subject">{{mail.subject}}</div>
 
-            <div class="labels" fxLayout="row wrap">
+            <div class="labels mt-8" fxLayout="row wrap">
                 <div class="label" *ngFor="let labelId of mail.labels"
                      fxLayout="row" fxLayoutAlign="start center">
                     <div class="label-color" [ngStyle]="{'background-color': labels | getById:labelId:'color'}"></div>
diff --git a/src/app/main/pages/faq/faq.component.html b/src/app/main/pages/faq/faq.component.html
index 58755343..ffba8ac7 100644
--- a/src/app/main/pages/faq/faq.component.html
+++ b/src/app/main/pages/faq/faq.component.html
@@ -7,7 +7,7 @@
             <h1>Frequently Asked Questions</h1>
         </div>
 
-        <div class="search mat-elevation-z7" flex fxLayout="row" fxLayoutAlign="start center">
+        <div class="search mat-elevation-z7" fxLayout="row" fxLayoutAlign="start center">
             <mat-icon>search</mat-icon>
             <input [formControl]="searchInput" placeholder="Search in FAQs..." fxFlex>
         </div>
@@ -22,8 +22,8 @@
 
             <mat-expansion-panel *ngFor="let faq of faqsFiltered; let i = index" [expanded]="step === i" (opened)="setStep(i)">
                 <mat-expansion-panel-header>
-                    <mat-panel-title flex fxLayout="row" fxLayoutAlign="start center">
-                        <mat-icon class="mr-8">help_outline</mat-icon>
+                    <mat-panel-title fxLayout="row" fxLayoutAlign="start center">
+                        <mat-icon class="mr-12 s-20 secondary-text">help_outline</mat-icon>
                         {{faq.question}}
                     </mat-panel-title>
                 </mat-expansion-panel-header>
diff --git a/src/app/main/pages/knowledge-base/knowledge-base.component.html b/src/app/main/pages/knowledge-base/knowledge-base.component.html
index 202c1d93..8b32bdd1 100644
--- a/src/app/main/pages/knowledge-base/knowledge-base.component.html
+++ b/src/app/main/pages/knowledge-base/knowledge-base.component.html
@@ -22,7 +22,7 @@
 
                 <a mat-list-item *ngFor="let article of category.featuredArticles"
                    (click)="readArticle(article)">
-                    <mat-icon class="secondary-text mr-8">insert_drive_file</mat-icon>
+                    <mat-icon class="hint-text mr-8">insert_drive_file</mat-icon>
                     {{ article.title }}
                 </a>