diff --git a/awx/ui/client/src/configuration/configuration.controller.js b/awx/ui/client/src/configuration/configuration.controller.js
index 33056ec486..66f08942a9 100644
--- a/awx/ui/client/src/configuration/configuration.controller.js
+++ b/awx/ui/client/src/configuration/configuration.controller.js
@@ -66,7 +66,17 @@ export default [
             ConfigurationService.getCurrentValues()
                 .then(function(data) {
                     var currentKeys = _.keys(data);
+                    $scope.requiredLogValues = {};
                     _.each(currentKeys, function(key) {
+
+                        if(key === "LOG_AGGREGATOR_HOST") {
+                            $scope.requiredLogValues.LOG_AGGREGATOR_HOST = data[key];
+                        }
+
+                        if(key === "LOG_AGGREGATOR_TYPE") {
+                            $scope.requiredLogValues.LOG_AGGREGATOR_TYPE = data[key];
+                        }
+
                         if (data[key] !== null && typeof data[key] === 'object') {
                             if (Array.isArray(data[key])) {
                                 //handle arrays
@@ -301,6 +311,11 @@ export default [
             ConfigurationService.patchConfiguration(payload)
                 .then(function() {
                     $scope[key] = $scope.configDataResolve[key].default;
+
+                    if(key === "LOG_AGGREGATOR_HOST" || key === "LOG_AGGREGATOR_TYPE") {
+                        $scope.requiredLogValues[key] = $scope.configDataResolve[key].default;
+                    }
+
                     if($scope[key + '_field'].type === "select"){
                         // We need to re-instantiate the Select2 element
                         // after resetting the value. Example:
@@ -410,6 +425,10 @@ export default [
             ConfigurationService.patchConfiguration(getFormPayload())
                 .then(function(data) {
                     loginUpdate();
+
+                    $scope.requiredLogValues.LOG_AGGREGATOR_HOST = $scope.LOG_AGGREGATOR_HOST;
+                    $scope.requiredLogValues.LOG_AGGREGATOR_TYPE = $scope.LOG_AGGREGATOR_TYPE;
+
                     saveDeferred.resolve(data);
                     $scope[formTracker.currentFormName()].$setPristine();
                 })
diff --git a/awx/ui/client/src/configuration/system-form/configuration-system.partial.html b/awx/ui/client/src/configuration/system-form/configuration-system.partial.html
index 0b039e761b..0e45b5cd1e 100644
--- a/awx/ui/client/src/configuration/system-form/configuration-system.partial.html
+++ b/awx/ui/client/src/configuration/system-form/configuration-system.partial.html
@@ -25,6 +25,20 @@
                     </div>
                 </div>
                 <div ng-show="systemVm.activeSystemForm === 'logging'">
+                    <div class="form-group Form-formGroup">
+                        <label class="Form-inputLabelContainer" for="LOG_AGGREGATOR_ENABLED">
+                    		<span class="Form-inputLabel">
+                    			Enable External Logging
+                    		</span>
+                            <a id="awp-LOG_AGGREGATOR_ENABLED" href="" aw-pop-over="Enable sending logs to external log aggregator." data-placement="top" over-title="Enable External Logging" class="help-link" tabindex="-1">
+                                <i class="fa fa-question-circle"></i>
+                            </a>
+                    	</label>
+                        <div class="ScheduleToggle" ng-class="{'is-on': LOG_AGGREGATOR_ENABLED, 'ScheduleToggle--disabled': (!LOG_AGGREGATOR_ENABLED && (!requiredLogValues.LOG_AGGREGATOR_HOST || requiredLogValues.LOG_AGGREGATOR_HOST === '' || !requiredLogValues.LOG_AGGREGATOR_TYPE || requiredLogValues.LOG_AGGREGATOR_TYPE === '')) || $rootScope.user_is_system_auditor}">
+                            <button ng-show="LOG_AGGREGATOR_ENABLED" class="ScheduleToggle-switch is-on" ng-click="toggleForm('LOG_AGGREGATOR_ENABLED')">ON</button>
+                            <button ng-show="!LOG_AGGREGATOR_ENABLED" class="ScheduleToggle-switch" ng-click="toggleForm('LOG_AGGREGATOR_ENABLED')">OFF</button>
+                        </div>
+                    </div>
                     <div id="system-logging-form">
 
                     </div>
diff --git a/awx/ui/client/src/configuration/system-form/sub-forms/system-logging.form.js b/awx/ui/client/src/configuration/system-form/sub-forms/system-logging.form.js
index 386c8f708d..98cfe247b8 100644
--- a/awx/ui/client/src/configuration/system-form/sub-forms/system-logging.form.js
+++ b/awx/ui/client/src/configuration/system-form/sub-forms/system-logging.form.js
@@ -40,9 +40,6 @@
             LOG_AGGREGATOR_INDIVIDUAL_FACTS: {
                 type: 'toggleSwitch',
             },
-            LOG_AGGREGATOR_ENABLED: {
-                type: 'toggleSwitch',
-            },
             LOG_AGGREGATOR_PROTOCOL: {
                 type: 'select',
                 reset: 'LOG_AGGREGATOR_PROTOCOL',
diff --git a/awx/ui/client/src/scheduler/scheduleToggle.block.less b/awx/ui/client/src/scheduler/scheduleToggle.block.less
index 597594429a..5ce3944f60 100644
--- a/awx/ui/client/src/scheduler/scheduleToggle.block.less
+++ b/awx/ui/client/src/scheduler/scheduleToggle.block.less
@@ -15,9 +15,9 @@
 
     &.ScheduleToggle--disabled  {
         cursor: not-allowed;
-        border-color: @b7grey !important;
+        border-color: @default-link !important;
         .ScheduleToggle-switch  {
-            background-color: @b7grey !important;
+            background-color: @d7grey !important;
             cursor: not-allowed;
         }
     }