diff --git a/npm/ng-packs/packages/setting-management/config/src/components/email-setting-group/email-setting-group.component.html b/npm/ng-packs/packages/setting-management/config/src/components/email-setting-group/email-setting-group.component.html
index ebdac1326d..6017609d1e 100644
--- a/npm/ng-packs/packages/setting-management/config/src/components/email-setting-group/email-setting-group.component.html
+++ b/npm/ng-packs/packages/setting-management/config/src/components/email-setting-group/email-setting-group.component.html
@@ -3,42 +3,46 @@
 <hr class="my-3" />
 
 <form *ngIf="form" [formGroup]="form" (ngSubmit)="submit()" validateOnSubmit>
-  <div class="form-group">
-    <label>{{ 'AbpSettingManagement::DefaultFromDisplayName' | abpLocalization }}</label>
+  <div class="mb-3 form-group">
+    <label class="form-label">{{
+      'AbpSettingManagement::DefaultFromDisplayName' | abpLocalization
+    }}</label>
     <input type="text" class="form-control" formControlName="defaultFromDisplayName" />
   </div>
-  <div class="form-group">
-    <label>{{ 'AbpSettingManagement::DefaultFromAddress' | abpLocalization }}</label>
+  <div class="mb-3 form-group">
+    <label class="form-label">{{
+      'AbpSettingManagement::DefaultFromAddress' | abpLocalization
+    }}</label>
     <input type="text" class="form-control" formControlName="defaultFromAddress" />
   </div>
-  <div class="form-group">
-    <label>{{ 'AbpSettingManagement::SmtpHost' | abpLocalization }}</label>
+  <div class="mb-3 form-group">
+    <label class="form-label">{{ 'AbpSettingManagement::SmtpHost' | abpLocalization }}</label>
     <input type="text" class="form-control" formControlName="smtpHost" />
   </div>
-  <div class="form-group">
-    <label>{{ 'AbpSettingManagement::SmtpPort' | abpLocalization }}</label>
+  <div class="mb-3 form-group">
+    <label class="form-label">{{ 'AbpSettingManagement::SmtpPort' | abpLocalization }}</label>
     <input type="number" class="form-control" formControlName="smtpPort" />
   </div>
 
-  <div class="custom-checkbox custom-control mb-2">
+  <div class="form-check mb-2">
     <input
       type="checkbox"
       id="smtp-enable-ssl"
-      class="custom-control-input"
+      class="form-check-input"
       formControlName="smtpEnableSsl"
     />
-    <label class="custom-control-label" for="smtp-enable-ssl">{{
+    <label class="form-check-label" for="smtp-enable-ssl">{{
       'AbpSettingManagement::SmtpEnableSsl' | abpLocalization
     }}</label>
   </div>
-  <div class="custom-checkbox custom-control mb-2">
+  <div class="form-check mb-2">
     <input
       type="checkbox"
       id="smtp-use-default-credentials"
-      class="custom-control-input"
+      class="form-check-input"
       formControlName="smtpUseDefaultCredentials"
     />
-    <label class="custom-control-label" for="smtp-use-default-credentials">{{
+    <label class="form-check-label" for="smtp-use-default-credentials">{{
       'AbpSettingManagement::SmtpUseDefaultCredentials' | abpLocalization
     }}</label>
   </div>
@@ -49,18 +53,18 @@
       params: { time: '200ms', easing: 'linear' }
     }"
   >
-    <div class="form-group">
-      <label>{{ 'AbpSettingManagement::SmtpDomain' | abpLocalization }}</label>
+    <div class="mb-3 form-group">
+      <label class="form-label">{{ 'AbpSettingManagement::SmtpDomain' | abpLocalization }}</label>
       <input type="text" class="form-control" formControlName="smtpDomain" />
     </div>
 
-    <div class="form-group">
-      <label>{{ 'AbpSettingManagement::SmtpUserName' | abpLocalization }}</label>
+    <div class="mb-3 form-group">
+      <label class="form-label">{{ 'AbpSettingManagement::SmtpUserName' | abpLocalization }}</label>
       <input type="text" class="form-control" formControlName="smtpUserName" />
     </div>
 
-    <div class="form-group">
-      <label>{{ 'AbpSettingManagement::SmtpPassword' | abpLocalization }}</label>
+    <div class="mb-3 form-group">
+      <label class="form-label">{{ 'AbpSettingManagement::SmtpPassword' | abpLocalization }}</label>
       <input type="text" class="form-control" formControlName="smtpPassword" />
     </div>
   </div>