diff --git a/ambari-web/app/styles/theme/bootstrap-ambari.css b/ambari-web/app/styles/theme/bootstrap-ambari.css
index bc93ad4d1ee..507d4790488 100644
--- a/ambari-web/app/styles/theme/bootstrap-ambari.css
+++ b/ambari-web/app/styles/theme/bootstrap-ambari.css
@@ -855,7 +855,7 @@ input[checked="checked"] + .host-component-checkbox::before {
 }
 
 .nav.nav-tabs li a.active {
-  border-bottom: 1px solid #000 !important;
+  border-bottom: 3px solid #3FAE2A;;
 }
 
 #skip-validation label:before,
diff --git a/ambari-web/app/templates/common/configs/services_config.hbs b/ambari-web/app/templates/common/configs/services_config.hbs
index 3a8d4b8ae47..c2e3b5dfd0f 100644
--- a/ambari-web/app/templates/common/configs/services_config.hbs
+++ b/ambari-web/app/templates/common/configs/services_config.hbs
@@ -52,8 +52,8 @@
       {{#each service in controller.stepConfigs}}
         {{#if service.showConfig}}
           {{#view App.ServiceConfigTab}}
-            <a href="#{{unbound service.serviceName}}" {{bindAttr class=":active service.selected:new"}}
-               data-toggle="tab" {{action selectService service target="controller"}}>
+            <a href="#{{unbound service.serviceName}}" {{bindAttr class="service.selected:new"}}
+               data-bs-toggle="tab" {{action selectService service target="controller"}}>
               {{service.displayName}}
               {{#if service.errorCount}}
                 <span class="alert-badge" {{QAAttr "error-badge"}}>