diff --git a/components/select/select-pipes.ts b/components/select/select-pipes.ts
index 4e88697a..25f7b083 100644
--- a/components/select/select-pipes.ts
+++ b/components/select/select-pipes.ts
@@ -3,13 +3,11 @@ import { escapeRegexp } from './common';
 
 @Pipe({name: 'highlight'})
 export class HighlightPipe implements PipeTransform {
-  public transform(value:string, args:any[]):any {
-    if (args.length < 1) {
+  public transform(value:string, query:string):any {
+    if (query.length < 1) {
       return value;
     }
 
-    let query = args[0];
-
     if ( query ) {
         let tagRE    = new RegExp('<[^<>]*>', 'ig');
         // get ist of tags
diff --git a/components/select/select.ts b/components/select/select.ts
index 09928f9b..77813e2b 100755
--- a/components/select/select.ts
+++ b/components/select/select.ts
@@ -143,7 +143,7 @@ let styles = `
                (mouseenter)="selectActive(o)"
                (click)="selectMatch(o, $event)">
             <a href="javascript:void(0)" class="dropdown-item">
-              <div [innerHtml]="sanitize(o.text) | highlight:inputValue"></div>
+              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>
             </a>
           </div>
         </li>
@@ -162,7 +162,7 @@ let styles = `
                (click)="selectMatch(o, $event)"
                [ngClass]="{'active': isActive(o)}">
             <a href="javascript:void(0)" class="dropdown-item">
-              <div [innerHtml]="sanitize(o.text) | highlight:inputValue"></div>
+              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>
             </a>
           </div>
         </li>
@@ -209,7 +209,7 @@ let styles = `
                (mouseenter)="selectActive(o)"
                (click)="selectMatch(o, $event)">
             <a href="javascript:void(0)" class="dropdown-item">
-              <div [innerHtml]="sanitize(o.text) | highlight:inputValue"></div>
+              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>
             </a>
           </div>
         </li>
@@ -228,7 +228,7 @@ let styles = `
                (click)="selectMatch(o, $event)"
                [ngClass]="{'active': isActive(o)}">
             <a href="javascript:void(0)" class="dropdown-item">
-              <div [innerHtml]="sanitize(o.text) | highlight:inputValue"></div>
+              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>
             </a>
           </div>
         </li>