From 0eb526919f6925c5d20beb9782ee7113b724c18a Mon Sep 17 00:00:00 2001
From: Alex Corey <alex.swansboro@gmail.com>
Date: Thu, 26 Mar 2020 15:23:31 -0400
Subject: [PATCH] Fixes HostAdd Form layout issue

---
 .../src/screens/Host/HostAdd/HostAdd.jsx      | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/awx/ui_next/src/screens/Host/HostAdd/HostAdd.jsx b/awx/ui_next/src/screens/Host/HostAdd/HostAdd.jsx
index 122ce7dd27..e6de69f823 100644
--- a/awx/ui_next/src/screens/Host/HostAdd/HostAdd.jsx
+++ b/awx/ui_next/src/screens/Host/HostAdd/HostAdd.jsx
@@ -3,6 +3,7 @@ import { useHistory } from 'react-router-dom';
 import { CardBody } from '@components/Card';
 import HostForm from '@components/HostForm';
 import { HostsAPI } from '@api';
+import { PageSection, Card } from '@patternfly/react-core';
 
 function HostAdd() {
   const [formError, setFormError] = useState(null);
@@ -22,13 +23,17 @@ function HostAdd() {
   };
 
   return (
-    <CardBody>
-      <HostForm
-        handleSubmit={handleSubmit}
-        handleCancel={handleCancel}
-        submitError={formError}
-      />
-    </CardBody>
+    <PageSection>
+      <Card>
+        <CardBody>
+          <HostForm
+            handleSubmit={handleSubmit}
+            handleCancel={handleCancel}
+            submitError={formError}
+          />
+        </CardBody>
+      </Card>
+    </PageSection>
   );
 }