diff --git a/awx/ui/client/index.template.ejs b/awx/ui/client/index.template.ejs
index 4e47d3c8cb..f222a054d1 100644
--- a/awx/ui/client/index.template.ejs
+++ b/awx/ui/client/index.template.ejs
@@ -6,7 +6,6 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="shortcut icon" href="{{ STATIC_URL }}assets/favicon.ico?v={{version}}" />
-    <title ng-bind="tabTitle"></title>
     <script>var $basePath = '{{ STATIC_URL }}'</script>
     <% htmlWebpackPlugin.files.css.forEach(file => {%>
         <link href="{{ STATIC_URL }}<%= file %>" rel="stylesheet" />
diff --git a/awx/ui/client/src/app.js b/awx/ui/client/src/app.js
index ea3c3867d5..c815e59a90 100644
--- a/awx/ui/client/src/app.js
+++ b/awx/ui/client/src/app.js
@@ -200,7 +200,7 @@ angular
             $rootScope.tabTitle = `Ansible ${$rootScope.BRAND_NAME}`;
             $rootScope.$watch('$state.current.ncyBreadcrumbLabel', function(title) {
                 title = (title) ? "| " + title : "";
-                $rootScope.tabTitle = `Ansible ${$rootScope.BRAND_NAME} ${title}`;
+                document.title = `Ansible ${$rootScope.BRAND_NAME} ${title}`;
             });
 
             function activateTab() {