fix provisioner form (#3061)

Co-authored-by: Justin Rhee <jusrhee@Justins-MacBook-Air.local>

dashboard/src/components/CloudFormationForm.tsx

@@ -18,6 +18,7 @@ import DocsHelper from "./DocsHelper";
 import Error from "./porter/Error";
 import Step from "./porter/Step";
 import Link from "./porter/Link";
+import Container from "./porter/Container";
 
 type Props = {
   goBack: () => void;
@@ -204,15 +205,17 @@ const CloudFormationForm: React.FC<Props> = ({
 
   return (
     <>
-      <Text size={16}>
+      <Container row>
         <BackButton width="140px" onClick={goBack}>
           <i className="material-icons">first_page</i>
           Select cloud
         </BackButton>
         <Spacer x={1} inline />
         <Img src={aws} />
+        <Text size={16}>
         Grant AWS permissions
       </Text>
+      </Container>
       <Spacer y={1} />
       <Text color="helper">
         Grant Porter permissions to create infrastructure in your AWS account.

dashboard/src/components/ProvisionerForm.tsx

@@ -9,6 +9,7 @@ import ProvisionerSettings from "./ProvisionerSettings";
 import ProvisionerSettingsOld from "./ProvisionerSettingsOld";
 import Text from "./porter/Text";
 import Spacer from "./porter/Spacer";
+import Container from "./porter/Container";
 
 type Props = {
   goBack: () => void;
@@ -23,15 +24,17 @@ const ProvisionerForm: React.FC<Props> = ({
 }) => {
   return (
     <>
-      <Text size={16}>
+      <Container row>
         <BackButton width="155px" onClick={goBack}>
           <i className="material-icons">first_page</i>
           Set credentials
         </BackButton>
         <Spacer inline width="17px" />
         <Img src={aws} />
-        Configure settings
-      </Text>
+        <Text size={16}>
+          Configure settings
+        </Text>
+      </Container>
       <Spacer y={1} />
       <Text color="helper">
         Configure settings for your AWS environment.