message: Fix rendering of add-capacity modal for small screen
diff: @@ -2,7 +2,7 @@ import * as React from 'react';
  import { compose } from 'redux';
  import { Trans, useTranslation } from 'react-i18next';
  import * as classNames from 'classnames';
  -import { Form, FormGroup, TextInput, TextContent } from '@patternfly/react-core';
  +import { FormGroup, TextInput, TextContent } from '@patternfly/react-core';
  import {
  createModalLauncher,
  ModalTitle,
  @@ -168,10 +168,14 @@ export const AddCapacityModal = (props: AddCapacityModalProps) => {
  };
  return (
  - <Form
  - onSubmit={submit}
  - className="pf-u-display-block modal-content modal-content--no-inner-scroll"
  - >
  + /** https://bugzilla.redhat.com/show_bug.cgi?id=1968690
  + * The quickest and safest fix for now is to not use <Form> and use a straight <form> instead.
  + */
  + <form onSubmit={submit} name="form">
  + {/** Modal is spanning across entire screen (for small screen sizes)
  + * Wrapped components inside a <div> to fix it.
  + */}
  + <div className="modal-content modal-content--no-inner-scroll">
  <ModalTitle>{t('ceph-storage-plugin~Add Capacity')}</ModalTitle>
  <ModalBody>
  <Trans t={t} ns="ceph-storage-plugin" values={{ name }}>
  @@ -248,7 +252,8 @@ export const AddCapacityModal = (props: AddCapacityModalProps) => {
  cancel={cancel}
  submitDisabled={isNoProvionerSC && !availablePvsCount}
  />
  - </Form>
  + </div>
  + </form>
  );
  };
  