diff --git a/package-lock.json b/package-lock.json
index 7dfa511..f81aad5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "ngx-select-dropdown",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ngx-select-dropdown",
-      "version": "3.3.0",
+      "version": "3.3.1",
       "license": "MIT",
       "dependencies": {
         "@angular/animations": "^14.0.5",
diff --git a/package.json b/package.json
index e127277..d9056b3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-select-dropdown",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "A angular(4+) select dropdown for single select or multiselct module.",
   "license": "MIT",
   "keywords": [
diff --git a/projects/demo/src/app/app.component.html b/projects/demo/src/app/app.component.html
index 13e28e4..037a055 100644
--- a/projects/demo/src/app/app.component.html
+++ b/projects/demo/src/app/app.component.html
@@ -120,6 +120,7 @@ <h6>Input</h6>
             noResultsFound: 'No results found!' // text to be displayed when no items are found while searching
             searchPlaceholder:'Search' // label thats displayed in search input,
             searchOnKey: 'name' // key on which search should be performed this will be selective search. if undefined this will be extensive search on all keys
+            dropDownClass: 'custom-css-class' // Use custom css class. Defaults to ngx-dropdown-button
             {{ '}' }}</pre>
         <ul>
           <li>
diff --git a/projects/ngx-select-dropdown/package.json b/projects/ngx-select-dropdown/package.json
index c9e73c7..1eab753 100644
--- a/projects/ngx-select-dropdown/package.json
+++ b/projects/ngx-select-dropdown/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-select-dropdown",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "A angular(4+) select dropdown for single select or multiselct module.",
   "license": "MIT",
   "keywords": [
diff --git a/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.html b/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.html
index 6ffc203..de74dea 100644
--- a/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.html
+++ b/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.html
@@ -74,7 +74,7 @@
 </ng-template>
 
 <ng-template #dropdownButton>
-    <button type="button" tabindex="-1" class="ngx-dropdown-button" [ngClass]="{ 'ngx-disabled': disabled }"
+    <button type="button" tabindex="-1" class="{{ config.dropDownClass }}" [ngClass]="{ 'ngx-disabled': disabled }"
         [disabled]="disabled">
         <span class="display-text">{{ selectedDisplayText }} </span>
         <span class="nsdicon-angle-down" [ngClass]="{'up': toggleDropdown }"></span>
diff --git a/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.spec.ts b/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.spec.ts
index a0ee9cf..fde05af 100644
--- a/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.spec.ts
+++ b/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.spec.ts
@@ -22,6 +22,7 @@ const config: NgxDropdownConfig = {
   searchOnKey: null,
   clearOnSelection: false,
   inputDirection: "ltr",
+  dropDownClass: "ngx-dropdown-button",
 };
 interface Account {
   _id: string;
diff --git a/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.ts b/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.ts
index a720601..a881e15 100644
--- a/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.ts
+++ b/projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.ts
@@ -36,6 +36,7 @@ const config: NgxDropdownConfig = {
   inputDirection: "ltr",
   selectAllLabel: "Select all",
   enableSelectAll: false,
+  dropDownClass: "ngx-dropdown-button",
 };
 @Component({
   selector: "ngx-select-dropdown",
diff --git a/projects/ngx-select-dropdown/src/lib/types/ngx-select-dropdown.types.ts b/projects/ngx-select-dropdown/src/lib/types/ngx-select-dropdown.types.ts
index f3f4e43..8a876d3 100644
--- a/projects/ngx-select-dropdown/src/lib/types/ngx-select-dropdown.types.ts
+++ b/projects/ngx-select-dropdown/src/lib/types/ngx-select-dropdown.types.ts
@@ -14,4 +14,5 @@ export interface NgxDropdownConfig {
   inputDirection: string;
   selectAllLabel?: string;
   enableSelectAll?: boolean;
+  dropDownClass: string;
 }