diff --git a/src/app/sms-gateway/sms-gateway.component.html b/src/app/sms-gateway/sms-gateway.component.html
index c9abc50..4f50f7a 100644
--- a/src/app/sms-gateway/sms-gateway.component.html
+++ b/src/app/sms-gateway/sms-gateway.component.html
@@ -22,7 +22,7 @@
                                                     class="card-header font-edit-13-child d-flex justify-content-between align-items-center">
                                                     <span *ngIf="!selectedGateway"></span>
                                                     <span *ngIf="selectedGateway">{{(selectedGateway === selectedGatewayType.SYRIATEL ? 'syriatelCredentials' : (selectedGateway === selectedGatewayType.TWILIO ? 'twilioCredentials' : (selectedGateway === selectedGatewayType.JAZZ ? 'jazzCredentials' : ''))) | translate}}</span>
-                                                    <select class="form-select"style="min-width: 200px; width: auto;"  [(ngModel)]="selectedGateway">
+                                                    <select class="form-select-sms-gateway"style="min-width: 200px; width: auto;"  [(ngModel)]="selectedGateway">
                                                         <option value="">{{'SMSGatewaySelect' | translate}}</option>
                                                         <option [value]="selectedGatewayType.SYRIATEL">{{'SMSGatewaySyriatel' | translate}}</option>
                                                         <option [value]="selectedGatewayType.TWILIO">{{'SMSGatewayTwillio' | translate}}</option>
diff --git a/src/assets/css/bootstrap.min.css b/src/assets/css/bootstrap.min.css
index 1b31459..190bc53 100644
--- a/src/assets/css/bootstrap.min.css
+++ b/src/assets/css/bootstrap.min.css
@@ -2204,6 +2204,21 @@ border-radius:.25rem;
 	-moz-appearance: none;
 	appearance: none
 }
+.form-select-sms-gateway {
+    padding: .15rem;
+    border: 1px solid #ced4da;
+    border-radius: .25rem;
+    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+}
+
+.form-select-sms-gateway:focus {
+    outline: none;             
+    box-shadow: none;          
+    border-color: #0d6efd;     
+}
+
+
+
 
 @media (prefers-reduced-motion:reduce) {
 .form-select {