diff --git a/awx/ui/src/screens/InstanceGroup/ContainerGroupEdit/ContainerGroupEdit.js b/awx/ui/src/screens/InstanceGroup/ContainerGroupEdit/ContainerGroupEdit.js
index cd90532187..beed121430 100644
--- a/awx/ui/src/screens/InstanceGroup/ContainerGroupEdit/ContainerGroupEdit.js
+++ b/awx/ui/src/screens/InstanceGroup/ContainerGroupEdit/ContainerGroupEdit.js
@@ -68,13 +68,9 @@ function ContainerGroupEdit({
if (isLoading) {
return (
-
-
-
-
-
-
-
+
+
+
);
}
diff --git a/awx/ui/src/screens/InstanceGroup/InstanceGroups.js b/awx/ui/src/screens/InstanceGroup/InstanceGroups.js
index e032378136..a4c76e9c82 100644
--- a/awx/ui/src/screens/InstanceGroup/InstanceGroups.js
+++ b/awx/ui/src/screens/InstanceGroup/InstanceGroups.js
@@ -2,11 +2,12 @@ import React, { useCallback, useEffect, useState } from 'react';
import { t } from '@lingui/macro';
import { Route, Switch, useLocation } from 'react-router-dom';
+import { Card, PageSection } from '@patternfly/react-core';
import useRequest from 'hooks/useRequest';
import { SettingsAPI } from 'api';
-
import ScreenHeader from 'components/ScreenHeader';
+import ContentLoading from 'components/ContentLoading';
import InstanceGroupAdd from './InstanceGroupAdd';
import InstanceGroupList from './InstanceGroupList';
import InstanceGroup from './InstanceGroup';
@@ -81,35 +82,43 @@ function InstanceGroups() {
streamType={streamType}
breadcrumbConfig={breadcrumbConfig}
/>
-
-
-
-
-
-
-
- {!isSettingsRequestLoading && !isKubernetes && (
-
-
+
+
+
+
+ ) : (
+
+
+
- )}
-
-
-
-
-
-
-
+
+
+
+ {!isKubernetes && (
+
+
+
+ )}
+
+
+
+
+
+
+
+ )}
>
);
}
diff --git a/awx/ui/src/screens/InstanceGroup/shared/InstanceGroupForm.js b/awx/ui/src/screens/InstanceGroup/shared/InstanceGroupForm.js
index a742001dca..c37937db9e 100644
--- a/awx/ui/src/screens/InstanceGroup/shared/InstanceGroupForm.js
+++ b/awx/ui/src/screens/InstanceGroup/shared/InstanceGroupForm.js
@@ -24,8 +24,8 @@ function InstanceGroupFormFields({ defaultControlPlane, defaultExecution }) {
const validators = combine([
required(null),
protectedResourceName(
- [defaultControlPlane, defaultExecution],
- t`This is a protected name for Instance Groups. Please use a different name.`
+ t`This is a protected name for Instance Groups. Please use a different name.`,
+ [defaultControlPlane, defaultExecution]
),
]);