wizard: fix aws upload popover styling

osbuild · Jul 28, 2020 · 5d57e1d · 5d57e1d
1 parent 082c927
commit 5d57e1d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/components/Wizard/ImageStep.js b/components/Wizard/ImageStep.js
@@ -9,7 +9,6 @@ import {
   FormSelectOption,
   Popover,
   Text,
-  TextContent,
   TextInput,
 } from "@patternfly/react-core";
 import {
@@ -167,7 +166,7 @@ class ImageStep extends React.PureComponent {
           <Popover
             id="aws-provider-popover"
             bodyContent={
-              <TextContent>
+              <div>
                 <p>
                   <FormattedMessage
                     defaultMessage="
@@ -194,6 +193,7 @@ class ImageStep extends React.PureComponent {
                     }}
                   />
                 </p>
+                <br />
                 <p>
                   <FormattedMessage
                     defaultMessage="
@@ -221,7 +221,7 @@ class ImageStep extends React.PureComponent {
                     }}
                   />
                 </p>
-              </TextContent>
+              </div>
             }
             aria-label={formatMessage(ariaLabels.uploadImage)}
           >

diff --git a/components/Wizard/ReviewStep.js b/components/Wizard/ReviewStep.js
@@ -80,7 +80,7 @@ class ReviewStep extends React.PureComponent {
             className="pf-l-flex__item"
             id="aws-review-popover"
             bodyContent={
-              <TextContent>
+              <div>
                 <p>
                   <FormattedMessage
                     defaultMessage="
@@ -107,6 +107,7 @@ class ReviewStep extends React.PureComponent {
                     }}
                   />
                 </p>
+                <br />
                 <p>
                   <FormattedMessage
                     defaultMessage="
@@ -134,7 +135,7 @@ class ReviewStep extends React.PureComponent {
                     }}
                   />
                 </p>
-              </TextContent>
+              </div>
             }
             aria-label={formatMessage(ariaLabels.aws)}
           >