From 9ce5fde8b1d1729e988094ae7c3f5400e11ac91e Mon Sep 17 00:00:00 2001
From: Sergey Andrievskiy <s.andrievskiy@akveo.com>
Date: Thu, 18 Jul 2019 16:07:11 +0300
Subject: [PATCH] fix(accordion): prevent styling of projected icons

---
 .../components/accordion/_accordion.component.theme.scss    | 2 +-
 .../components/accordion/accordion-item-header.component.ts | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/framework/theme/components/accordion/_accordion.component.theme.scss b/src/framework/theme/components/accordion/_accordion.component.theme.scss
index feff19ee60..8e9d9be360 100644
--- a/src/framework/theme/components/accordion/_accordion.component.theme.scss
+++ b/src/framework/theme/components/accordion/_accordion.component.theme.scss
@@ -29,7 +29,7 @@
       position: relative;
       @include nb-accordion-item-header();
 
-      nb-icon {
+      .expansion-indicator {
         position: absolute;
         @include nb-ltr(right, 1rem);
         @include nb-rtl(left, 1rem);
diff --git a/src/framework/theme/components/accordion/accordion-item-header.component.ts b/src/framework/theme/components/accordion/accordion-item-header.component.ts
index 3dc2567b9d..f44e434c78 100644
--- a/src/framework/theme/components/accordion/accordion-item-header.component.ts
+++ b/src/framework/theme/components/accordion/accordion-item-header.component.ts
@@ -29,7 +29,11 @@ import { NbAccordionItemComponent } from './accordion-item.component';
     <ng-content select="nb-accordion-item-title"></ng-content>
     <ng-content select="nb-accordion-item-description"></ng-content>
     <ng-content></ng-content>
-    <nb-icon icon="chevron-down-outline" pack="nebular-essentials" [@expansionIndicator]="state" *ngIf="!disabled" >
+    <nb-icon icon="chevron-down-outline"
+             pack="nebular-essentials"
+             [@expansionIndicator]="state"
+             *ngIf="!disabled"
+             class="expansion-indicator">
     </nb-icon>
   `,
   animations: [