diff --git a/src/portal/lib/src/create-edit-label/create-edit-label.component.html b/src/portal/lib/src/create-edit-label/create-edit-label.component.html
index 7596d4a64..e00fbb291 100644
--- a/src/portal/lib/src/create-edit-label/create-edit-label.component.html
+++ b/src/portal/lib/src/create-edit-label/create-edit-label.component.html
@@ -14,10 +14,8 @@
             </label>
             <label>
                 <label for="color">{{'LABEL.COLOR' | translate}}</label>
-                <clr-dropdown [clrCloseMenuOnItemClick]="false">
-                    <button type="button" class="btn btn-outline btnColor btn-sm" clrDropdownTrigger>
-                        <clr-icon shape="angle down"></clr-icon>
-                    </button>
+                <clr-dropdown [clrCloseMenuOnItemClick]="false" clrDropdownTrigger>
+                    <clr-icon shape="caret down" class="icon-style"></clr-icon>
                     <clr-dropdown-menu *clrIfOpen>
                         <label class="dropdown-item" (click)="labelModel.color=i.color" *ngFor="let i of labelColor"
                             [class.borderSty]="i.color == '#FFFFFF'"   [ngStyle]="{'background-color': i.color, 'color': i.textColor }">Aa</label>
diff --git a/src/portal/lib/src/create-edit-label/create-edit-label.component.scss b/src/portal/lib/src/create-edit-label/create-edit-label.component.scss
index cd0789200..4782c5ffd 100644
--- a/src/portal/lib/src/create-edit-label/create-edit-label.component.scss
+++ b/src/portal/lib/src/create-edit-label/create-edit-label.component.scss
@@ -61,5 +61,22 @@ form {
       border: 1px solid #A1A1A1 !important; 
       line-height: 22px;
     }
+
+    .icon-style
+    {
+      border: 1px solid #0077b7;
+      cursor: pointer;
+      border-radius: 3px;
+      padding: 4px;
+      width: 25px;
+      height: 22px;
+      margin-left: 3px;
+      color: #0077b7;
+    }
+    .icon-style:hover
+    {
+      background-color: #e1f1f6;
+      color:#004a70;
+    }
 }
   
\ No newline at end of file