diff --git a/frontend/packages/console-app/src/components/favorite/FavoriteButton.tsx b/frontend/packages/console-app/src/components/favorite/FavoriteButton.tsx
index dd757764047..22ca166d626 100644
--- a/frontend/packages/console-app/src/components/favorite/FavoriteButton.tsx
+++ b/frontend/packages/console-app/src/components/favorite/FavoriteButton.tsx
@@ -9,10 +9,13 @@ import {
   HelperTextItem,
   TextInput,
   Tooltip,
+  Modal,
+  ModalVariant,
+  ModalHeader,
+  ModalBody,
+  ModalFooter,
 } from '@patternfly/react-core';
-import { ModalVariant } from '@patternfly/react-core/deprecated';
 import { useTranslation } from 'react-i18next';
-import Modal from '@console/shared/src/components/modal/Modal';
 import { useTelemetry } from '@console/shared/src/hooks/useTelemetry';
 import { useUserSettingsCompatibility } from '@console/shared/src/hooks/useUserSettingsCompatibility';
 import { FAVORITES_CONFIG_MAP_KEY, FAVORITES_LOCAL_STORAGE_KEY } from '../../consts';
@@ -78,7 +81,8 @@ export const FavoriteButton = ({ defaultName }: FavoriteButtonProps) => {
     setIsModalOpen(false);
   };
 
-  const handleConfirmStar = () => {
+  const handleConfirmStar = (e?: React.FormEvent) => {
+    e?.preventDefault();
     const trimmedName = name.trim();
     if (!trimmedName) {
       setError(t('Name is required.'));
@@ -151,46 +155,39 @@ export const FavoriteButton = ({ defaultName }: FavoriteButtonProps) => {
       </Tooltip>
 
       {isModalOpen && (
-        <Modal
-          title={t('Add to favorites')}
-          isOpen={isModalOpen}
-          onClose={handleModalClose}
-          actions={[
-            <Button
-              key="confirm"
-              variant="primary"
-              onClick={handleConfirmStar}
-              form="confirm-favorite"
-            >
+        <Modal isOpen={isModalOpen} onClose={handleModalClose} variant={ModalVariant.small}>
+          <ModalHeader title={t('Add to favorites')} />
+          <ModalBody>
+            <Form id="confirm-favorite-form" onSubmit={handleConfirmStar}>
+              <FormGroup label={t('Name')} isRequired fieldId="input-name">
+                <TextInput
+                  id="confirm-favorite-form-name"
+                  data-test="input-name"
+                  name="name"
+                  type="text"
+                  onChange={(e, v) => handleNameChange(v)}
+                  value={name || ''}
+                  autoFocus
+                  required
+                />
+                {error && (
+                  <FormHelperText>
+                    <HelperText>
+                      <HelperTextItem variant="error">{error}</HelperTextItem>
+                    </HelperText>
+                  </FormHelperText>
+                )}
+              </FormGroup>
+            </Form>
+          </ModalBody>
+          <ModalFooter>
+            <Button key="confirm" variant="primary" type="submit" form="confirm-favorite-form">
               {t('Save')}
-            </Button>,
+            </Button>
             <Button key="cancel" variant="link" onClick={handleModalClose}>
               {t('Cancel')}
-            </Button>,
-          ]}
-          variant={ModalVariant.small}
-        >
-          <Form id="confirm-favorite-form" onSubmit={handleConfirmStar}>
-            <FormGroup label={t('Name')} isRequired fieldId="input-name">
-              <TextInput
-                id="confirm-favorite-form-name"
-                data-test="input-name"
-                name="name"
-                type="text"
-                onChange={(e, v) => handleNameChange(v)}
-                value={name || ''}
-                autoFocus
-                required
-              />
-              {error && (
-                <FormHelperText>
-                  <HelperText>
-                    <HelperTextItem variant="error">{error}</HelperTextItem>
-                  </HelperText>
-                </FormHelperText>
-              )}
-            </FormGroup>
-          </Form>
+            </Button>
+          </ModalFooter>
         </Modal>
       )}
     </div>
diff --git a/frontend/packages/console-app/src/components/modals/add-group-users-modal.tsx b/frontend/packages/console-app/src/components/modals/add-group-users-modal.tsx
index 01020acec90..467af9072c0 100644
--- a/frontend/packages/console-app/src/components/modals/add-group-users-modal.tsx
+++ b/frontend/packages/console-app/src/components/modals/add-group-users-modal.tsx
@@ -90,9 +90,6 @@ const AddGroupUsersModal: OverlayComponent<AddGroupUsersModalProps> = ({ group,
         )}
       </ModalBody>
       <ModalFooter>
-        <Button variant="secondary" onClick={closeOverlay} type="button">
-          {t('public~Cancel')}
-        </Button>
         <Button
           type="submit"
           variant="primary"
@@ -102,6 +99,9 @@ const AddGroupUsersModal: OverlayComponent<AddGroupUsersModalProps> = ({ group,
         >
           {t('public~Save')}
         </Button>
+        <Button variant="link" onClick={closeOverlay} type="button">
+          {t('public~Cancel')}
+        </Button>
       </ModalFooter>
     </Modal>
   );
diff --git a/frontend/packages/console-app/src/components/tour/TourStepComponent.tsx b/frontend/packages/console-app/src/components/tour/TourStepComponent.tsx
index 522560f07b1..be051fa8ad7 100644
--- a/frontend/packages/console-app/src/components/tour/TourStepComponent.tsx
+++ b/frontend/packages/console-app/src/components/tour/TourStepComponent.tsx
@@ -3,6 +3,7 @@ import { useContext } from 'react';
 import {
   Grid,
   GridItem,
+  Modal,
   ModalBody,
   ModalFooter,
   ModalHeader,
@@ -10,7 +11,6 @@ import {
 } from '@patternfly/react-core';
 import { useTranslation } from 'react-i18next';
 import { ThemeContext } from '@console/internal/components/ThemeProvider';
-import Modal from '@console/shared/src/components/modal/Modal';
 import { PopoverPlacement } from '@console/shared/src/components/popover/const';
 import Popover from '@console/shared/src/components/popover/Popover';
 import Spotlight from '@console/shared/src/components/spotlight/Spotlight';
@@ -108,7 +108,6 @@ const TourStepComponent: FC<TourStepComponentProps> = ({
       id="guided-tour-modal"
       data-test="guided-tour-modal"
       aria-label={t('console-app~guided tour {{step, number}}', { step })}
-      isFullScreen
     >
       <ModalBody>
         <Grid hasGutter>
diff --git a/frontend/packages/console-shared/src/components/modal/Modal.scss b/frontend/packages/console-shared/src/components/catalog/details/CatalogDetailsModal.scss
similarity index 100%
rename from frontend/packages/console-shared/src/components/modal/Modal.scss
rename to frontend/packages/console-shared/src/components/catalog/details/CatalogDetailsModal.scss
diff --git a/frontend/packages/console-shared/src/components/catalog/details/CatalogDetailsModal.tsx b/frontend/packages/console-shared/src/components/catalog/details/CatalogDetailsModal.tsx
index 3b4c0a60287..2fbc1c2fb8a 100644
--- a/frontend/packages/console-shared/src/components/catalog/details/CatalogDetailsModal.tsx
+++ b/frontend/packages/console-shared/src/components/catalog/details/CatalogDetailsModal.tsx
@@ -1,14 +1,23 @@
 import type { FC } from 'react';
 import { CatalogItemHeader } from '@patternfly/react-catalog-view-extension';
-import { Split, SplitItem, Divider, Stack, StackItem } from '@patternfly/react-core';
+import {
+  Split,
+  SplitItem,
+  Divider,
+  Stack,
+  StackItem,
+  Modal,
+  ModalBody,
+  ModalHeader,
+} from '@patternfly/react-core';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom-v5-compat';
 import { CatalogItem } from '@console/dynamic-plugin-sdk/src/extensions';
-import { Modal } from '../../modal';
 import CatalogBadges from '../CatalogBadges';
 import { useCtaLink } from '../hooks/useCtaLink';
 import { getIconProps } from '../utils/catalog-utils';
 import CatalogDetailsPanel from './CatalogDetailsPanel';
+import './CatalogDetailsModal.scss';
 
 type CatalogDetailsModalProps = {
   item: CatalogItem;
@@ -42,43 +51,45 @@ const CatalogDetailsModal: FC<CatalogDetailsModalProps> = ({ item, onClose }) =>
 
   return (
     <Modal
-      className="co-catalog-page__overlay co-catalog-page__overlay--right"
+      className="ocs-modal co-catalog-page__overlay co-catalog-page__overlay--right"
       isOpen={!!item}
       onClose={onClose}
       aria-label={item.name}
-      header={modalHeader}
     >
-      <Stack hasGutter>
-        <StackItem>
-          <Split className="odc-catalog-details-modal__header">
-            <SplitItem>
-              {to && (
-                <div className="co-catalog-page__overlay-actions">
-                  <Link
-                    data-test="catalog-details-modal-cta"
-                    className="pf-v6-c-button pf-m-primary co-catalog-page__overlay-action"
-                    to={to}
-                    role="button"
-                    onClick={onClose}
-                  >
-                    {label}
-                  </Link>
-                </div>
-              )}
-            </SplitItem>
-            <SplitItem isFilled />
-            <SplitItem>
-              {badges?.length > 0 ? <CatalogBadges badges={badges} /> : undefined}
-            </SplitItem>
-          </Split>
-        </StackItem>
-        <StackItem>
-          <Divider />
-        </StackItem>
-        <StackItem>
-          <CatalogDetailsPanel item={item} />
-        </StackItem>
-      </Stack>
+      <ModalHeader>{modalHeader}</ModalHeader>
+      <ModalBody>
+        <Stack hasGutter>
+          <StackItem>
+            <Split className="odc-catalog-details-modal__header">
+              <SplitItem>
+                {to && (
+                  <div className="co-catalog-page__overlay-actions">
+                    <Link
+                      data-test="catalog-details-modal-cta"
+                      className="pf-v6-c-button pf-m-primary co-catalog-page__overlay-action"
+                      to={to}
+                      role="button"
+                      onClick={onClose}
+                    >
+                      {label}
+                    </Link>
+                  </div>
+                )}
+              </SplitItem>
+              <SplitItem isFilled />
+              <SplitItem>
+                {badges?.length > 0 ? <CatalogBadges badges={badges} /> : undefined}
+              </SplitItem>
+            </Split>
+          </StackItem>
+          <StackItem>
+            <Divider />
+          </StackItem>
+          <StackItem>
+            <CatalogDetailsPanel item={item} />
+          </StackItem>
+        </Stack>
+      </ModalBody>
     </Modal>
   );
 };
diff --git a/frontend/packages/console-shared/src/components/index.ts b/frontend/packages/console-shared/src/components/index.ts
index 8a4b3e379b6..c1fdd23fe00 100644
--- a/frontend/packages/console-shared/src/components/index.ts
+++ b/frontend/packages/console-shared/src/components/index.ts
@@ -15,7 +15,6 @@ export * from './virtualized-grid';
 export * from './alerts';
 export * from './popover';
 export * from './utils';
-export * from './modal';
 export * from './modals';
 export * from './hpa';
 export * from './multi-tab-list';
diff --git a/frontend/packages/console-shared/src/components/modal-error-content/ModalErrorContent.tsx b/frontend/packages/console-shared/src/components/modal-error-content/ModalErrorContent.tsx
new file mode 100644
index 00000000000..9173d21e88a
--- /dev/null
+++ b/frontend/packages/console-shared/src/components/modal-error-content/ModalErrorContent.tsx
@@ -0,0 +1,40 @@
+import type { FC, ReactNode } from 'react';
+import { HelperText, HelperTextItem } from '@patternfly/react-core';
+
+export interface ModalErrorContentProps {
+  /** The error message to display */
+  errorMessage?: ReactNode;
+  /** Optional additional CSS class names */
+  className?: string;
+  /** Optional data-test attribute for testing */
+  'data-test'?: string;
+}
+
+/**
+ * Displays an error message in a modal footer using PatternFly HelperText.
+ *
+ * @example
+ * ```tsx
+ * <ModalFooter>
+ *   <ModalErrorContent errorMessage={errorMessage} />
+ *   {/* modal footer buttons *\/}
+ * </ModalFooter>
+ * ```
+ */
+export const ModalErrorContent: FC<ModalErrorContentProps> = ({
+  errorMessage,
+  className = 'pf-v6-u-w-100 pf-v6-u-mb-md',
+  'data-test': dataTest = 'modal-error',
+}) => {
+  if (!errorMessage) {
+    return null;
+  }
+
+  return (
+    <HelperText isLiveRegion className={className}>
+      <HelperTextItem variant="error" data-test={dataTest}>
+        {errorMessage}
+      </HelperTextItem>
+    </HelperText>
+  );
+};
diff --git a/frontend/packages/console-shared/src/components/modal-error-content/index.ts b/frontend/packages/console-shared/src/components/modal-error-content/index.ts
new file mode 100644
index 00000000000..4694ec19344
--- /dev/null
+++ b/frontend/packages/console-shared/src/components/modal-error-content/index.ts
@@ -0,0 +1 @@
+export * from './ModalErrorContent';
diff --git a/frontend/packages/console-shared/src/components/modal/Modal.tsx b/frontend/packages/console-shared/src/components/modal/Modal.tsx
deleted file mode 100644
index e56388aefc6..00000000000
--- a/frontend/packages/console-shared/src/components/modal/Modal.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { LegacyRef, FC } from 'react';
-import { Modal as PfModal, ModalProps as PfModalProps } from '@patternfly/react-core/deprecated';
-import { css } from '@patternfly/react-styles';
-import './Modal.scss';
-
-type ModalProps = {
-  isFullScreen?: boolean;
-  ref?: LegacyRef<PfModal>;
-} & PfModalProps;
-
-const Modal: FC<ModalProps> = ({ isFullScreen = false, className, ...props }) => (
-  <PfModal
-    {...props}
-    className={css('ocs-modal', className)}
-    appendTo={() => (isFullScreen ? document.body : document.querySelector('#modal-container'))}
-  />
-);
-
-export default Modal;
diff --git a/frontend/packages/console-shared/src/components/modal/index.ts b/frontend/packages/console-shared/src/components/modal/index.ts
deleted file mode 100644
index c6b35681c7e..00000000000
--- a/frontend/packages/console-shared/src/components/modal/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Modal } from './Modal';
diff --git a/frontend/packages/console-shared/src/components/modals/CreateNamespaceModal.tsx b/frontend/packages/console-shared/src/components/modals/CreateNamespaceModal.tsx
index 38289ec9b6c..3c189e6dce7 100644
--- a/frontend/packages/console-shared/src/components/modals/CreateNamespaceModal.tsx
+++ b/frontend/packages/console-shared/src/components/modals/CreateNamespaceModal.tsx
@@ -169,7 +169,7 @@ export const CreateNamespaceModal: ModalComponent<CreateProjectModalProps> = ({
         <Button
           key="cancel-action"
           type="button"
-          variant="secondary"
+          variant="link"
           disabled={inProgress}
           onClick={closeModal}
           data-test-id="modal-cancel-action"
diff --git a/frontend/packages/console-shared/src/components/modals/CreateProjectModal.tsx b/frontend/packages/console-shared/src/components/modals/CreateProjectModal.tsx
index 24d6354ce7c..345b8ae4a64 100644
--- a/frontend/packages/console-shared/src/components/modals/CreateProjectModal.tsx
+++ b/frontend/packages/console-shared/src/components/modals/CreateProjectModal.tsx
@@ -120,7 +120,7 @@ const DefaultCreateProjectModal: ModalComponent<CreateProjectModalProps> = ({
         </Button>,
         <Button
           type="button"
-          variant="secondary"
+          variant="link"
           disabled={inProgress}
           onClick={closeModal}
           data-test-id="modal-cancel-action"
diff --git a/frontend/packages/console-shared/src/hooks/useCopyCodeModal.tsx b/frontend/packages/console-shared/src/hooks/useCopyCodeModal.tsx
index c0121c5b9f4..a736d202a96 100644
--- a/frontend/packages/console-shared/src/hooks/useCopyCodeModal.tsx
+++ b/frontend/packages/console-shared/src/hooks/useCopyCodeModal.tsx
@@ -1,12 +1,15 @@
 import { useCallback } from 'react';
+import { Modal, ModalHeader, ModalBody, ModalVariant } from '@patternfly/react-core';
 import { useModal } from '@console/dynamic-plugin-sdk/src/lib-core';
 import { CopyToClipboard } from '@console/internal/components/utils/copy-to-clipboard';
-import { Modal } from '@console/shared/src/components/modal';
 import { ModalComponent } from 'packages/console-dynamic-plugin-sdk/src/app/modal-support/ModalProvider';
 
 const CopyCodeModal: CopyCodeModalComponent = ({ title, snippet, closeModal }) => (
-  <Modal isOpen onClose={closeModal} title={title} variant="medium">
-    <CopyToClipboard key={snippet} value={snippet} />
+  <Modal isOpen onClose={closeModal} variant={ModalVariant.medium}>
+    <ModalHeader title={title} />
+    <ModalBody>
+      <CopyToClipboard key={snippet} value={snippet} />
+    </ModalBody>
   </Modal>
 );
 
diff --git a/frontend/packages/knative-plugin/src/components/test-function/TestFunctionModal.tsx b/frontend/packages/knative-plugin/src/components/test-function/TestFunctionModal.tsx
index cb7a294413b..3f0d928432a 100644
--- a/frontend/packages/knative-plugin/src/components/test-function/TestFunctionModal.tsx
+++ b/frontend/packages/knative-plugin/src/components/test-function/TestFunctionModal.tsx
@@ -44,7 +44,7 @@ const TestFunctionModal: FC<Props> = (props) => {
             {t('knative-plugin~Test')}
           </Button>
           &nbsp; &nbsp;
-          <Button type="button" variant="secondary" data-test="cancel-action" onClick={cancel}>
+          <Button type="button" variant="link" data-test="cancel-action" onClick={cancel}>
             {t('knative-plugin~Cancel')}
           </Button>
         </form>
@@ -64,7 +64,7 @@ const TestFunctionModal: FC<Props> = (props) => {
           &nbsp;
           <Button
             type="button"
-            variant="secondary"
+            variant="link"
             data-test="close-action"
             onClick={() => {
               clearResponseValues(props);
diff --git a/frontend/packages/metal3-plugin/src/components/modals/PowerOffHostModal.tsx b/frontend/packages/metal3-plugin/src/components/modals/PowerOffHostModal.tsx
index e560d5918ea..b983f5ae178 100644
--- a/frontend/packages/metal3-plugin/src/components/modals/PowerOffHostModal.tsx
+++ b/frontend/packages/metal3-plugin/src/components/modals/PowerOffHostModal.tsx
@@ -239,7 +239,7 @@ const PowerOffHostModal: OverlayComponent<PowerOffHostModalProps> = (props) => {
         >
           {t('metal3-plugin~Power Off')}
         </Button>
-        <Button variant="secondary" onClick={closeOverlay}>
+        <Button variant="link" onClick={closeOverlay}>
           {t('metal3-plugin~Cancel')}
         </Button>
       </PfModalFooter>
diff --git a/frontend/packages/metal3-plugin/src/components/modals/RestartHostModal.tsx b/frontend/packages/metal3-plugin/src/components/modals/RestartHostModal.tsx
index bee4c03eb40..11c05ea1a09 100644
--- a/frontend/packages/metal3-plugin/src/components/modals/RestartHostModal.tsx
+++ b/frontend/packages/metal3-plugin/src/components/modals/RestartHostModal.tsx
@@ -55,7 +55,7 @@ const RestartHostModal: OverlayComponent<RestartHostModalProps> = (props) => {
         <Button variant="primary" onClick={onSubmit} isLoading={inProgress}>
           {t('metal3-plugin~Restart')}
         </Button>
-        <Button variant="secondary" onClick={closeOverlay}>
+        <Button variant="link" onClick={closeOverlay}>
           {t('metal3-plugin~Cancel')}
         </Button>
       </PfModalFooter>
diff --git a/frontend/packages/metal3-plugin/src/components/modals/StartNodeMaintenanceModal.tsx b/frontend/packages/metal3-plugin/src/components/modals/StartNodeMaintenanceModal.tsx
index d6fa6a2815b..3566db9e5d3 100644
--- a/frontend/packages/metal3-plugin/src/components/modals/StartNodeMaintenanceModal.tsx
+++ b/frontend/packages/metal3-plugin/src/components/modals/StartNodeMaintenanceModal.tsx
@@ -103,7 +103,7 @@ export const StartNodeMaintenanceModal: OverlayComponent<StartNodeMaintenanceMod
         <Button variant="primary" onClick={submit} isLoading={inProgress} isDisabled={!loaded}>
           {t('metal3-plugin~Start Maintenance')}
         </Button>
-        <Button variant="secondary" onClick={closeOverlay}>
+        <Button variant="link" onClick={closeOverlay}>
           {t('metal3-plugin~Cancel')}
         </Button>
       </PfModalFooter>
diff --git a/frontend/packages/operator-lifecycle-manager/src/components/operator-hub/operator-hub-items.tsx b/frontend/packages/operator-lifecycle-manager/src/components/operator-hub/operator-hub-items.tsx
index 6880bb3babb..14bfec09b10 100644
--- a/frontend/packages/operator-lifecycle-manager/src/components/operator-hub/operator-hub-items.tsx
+++ b/frontend/packages/operator-lifecycle-manager/src/components/operator-hub/operator-hub-items.tsx
@@ -8,6 +8,9 @@ import {
   EmptyStateFooter,
   EmptyStateVariant,
   Truncate,
+  Modal,
+  ModalBody,
+  ModalHeader,
 } from '@patternfly/react-core';
 import { css } from '@patternfly/react-styles';
 import * as _ from 'lodash';
@@ -19,7 +22,6 @@ import { TileViewPage } from '@console/internal/components/utils/tile-view-page'
 import i18n from '@console/internal/i18n';
 import {
   GreenCheckCircleIcon,
-  Modal,
   COMMUNITY_PROVIDERS_WARNING_LOCAL_STORAGE_KEY as storeKey,
   COMMUNITY_PROVIDERS_WARNING_USERSETTINGS_KEY as userSettingsKey,
   useUserSettingsCompatibility,
@@ -43,6 +45,7 @@ import {
   validSubscriptionSort,
 } from './operator-hub-utils';
 import { InfrastructureFeature, OperatorHubItem, TokenizedAuthProvider } from './index';
+import '@console/shared/src/components/catalog/details/CatalogDetailsModal.scss';
 
 // Scoring and priority code no longer used and will be removed with Operator Hub catalog files cleanup effort
 const SCORE = {
@@ -1037,65 +1040,64 @@ export const OperatorHubTileView: FC<OperatorHubTileViewProps> = (props) => {
       />
       {detailsItem && (
         <Modal
-          className="co-catalog-page__overlay co-catalog-page__overlay--right"
+          className="ocs-modal co-catalog-page__overlay co-catalog-page__overlay--right"
           data-test-id="operator-modal-box"
           aria-labelledby="catalog-item-header"
           isOpen={!!detailsItem && showDetails}
           onClose={closeOverlay}
-          title={detailsItem.name}
-          header={
-            <>
-              <CatalogItemHeader
-                className="co-catalog-page__overlay-header"
-                iconClass={detailsItem.iconClass}
-                iconImg={detailsItem.imgUrl}
-                title={titleAndDeprecatedPackage()}
-                vendor={t('olm~{{version}} provided by {{provider}}', {
-                  version: updateVersion || installVersion || detailsItem.version,
-                  provider: detailsItem.provider,
-                })}
-                data-test-id="operator-modal-header"
-                id="catalog-item-header"
-              />
-
-              <div className="co-catalog-page__overlay-actions">
-                {!detailsItem.installed ? (
-                  <Link
-                    className={css(
-                      'pf-v6-c-button',
-                      'pf-m-primary',
-                      {
-                        'pf-m-disabled': !detailsItem.obj || detailsItem.isInstalling,
-                      },
-                      'co-catalog-page__overlay-action',
-                    )}
-                    data-test-id="operator-install-btn"
-                    to={installLink}
-                  >
-                    {t('olm~Install')}
-                  </Link>
-                ) : (
-                  <Button
-                    className="co-catalog-page__overlay-action"
-                    data-test-id="operator-uninstall-btn"
-                    isDisabled={!detailsItem.installed}
-                    onClick={() => history.push(uninstallLink())}
-                    variant="secondary"
-                  >
-                    {t('olm~Uninstall')}
-                  </Button>
-                )}
-              </div>
-            </>
-          }
         >
-          <OperatorHubItemDetails
-            item={detailsItem}
-            updateChannel={updateChannel}
-            setUpdateChannel={setUpdateChannel}
-            updateVersion={updateVersion}
-            setUpdateVersion={setUpdateVersion}
-          />
+          <ModalHeader>
+            <CatalogItemHeader
+              className="co-catalog-page__overlay-header"
+              iconClass={detailsItem.iconClass}
+              iconImg={detailsItem.imgUrl}
+              title={titleAndDeprecatedPackage()}
+              vendor={t('olm~{{version}} provided by {{provider}}', {
+                version: updateVersion || installVersion || detailsItem.version,
+                provider: detailsItem.provider,
+              })}
+              data-test-id="operator-modal-header"
+              id="catalog-item-header"
+            />
+
+            <div className="co-catalog-page__overlay-actions">
+              {!detailsItem.installed ? (
+                <Link
+                  className={css(
+                    'pf-v6-c-button',
+                    'pf-m-primary',
+                    {
+                      'pf-m-disabled': !detailsItem.obj || detailsItem.isInstalling,
+                    },
+                    'co-catalog-page__overlay-action',
+                  )}
+                  data-test-id="operator-install-btn"
+                  to={installLink}
+                >
+                  {t('olm~Install')}
+                </Link>
+              ) : (
+                <Button
+                  className="co-catalog-page__overlay-action"
+                  data-test-id="operator-uninstall-btn"
+                  isDisabled={!detailsItem.installed}
+                  onClick={() => history.push(uninstallLink())}
+                  variant="secondary"
+                >
+                  {t('olm~Uninstall')}
+                </Button>
+              )}
+            </div>
+          </ModalHeader>
+          <ModalBody>
+            <OperatorHubItemDetails
+              item={detailsItem}
+              updateChannel={updateChannel}
+              setUpdateChannel={setUpdateChannel}
+              updateVersion={updateVersion}
+              setUpdateVersion={setUpdateVersion}
+            />
+          </ModalBody>
         </Modal>
       )}
     </>
diff --git a/frontend/packages/operator-lifecycle-manager/src/components/registry-poll-interval-details.tsx b/frontend/packages/operator-lifecycle-manager/src/components/registry-poll-interval-details.tsx
index 91175eb6d41..683529d773e 100644
--- a/frontend/packages/operator-lifecycle-manager/src/components/registry-poll-interval-details.tsx
+++ b/frontend/packages/operator-lifecycle-manager/src/components/registry-poll-interval-details.tsx
@@ -142,7 +142,7 @@ export const RegistryPollIntervalDetailItem: FC<RegistryPollIntervalDetailItemPr
           </Button>
           <Button
             key="cancel"
-            variant="secondary"
+            variant="link"
             onClick={() => {
               setIsModalOpen(false);
             }}
diff --git a/frontend/public/components/masthead/masthead-toolbar.tsx b/frontend/public/components/masthead/masthead-toolbar.tsx
index ef56e0ae9be..83f7b979c46 100644
--- a/frontend/public/components/masthead/masthead-toolbar.tsx
+++ b/frontend/public/components/masthead/masthead-toolbar.tsx
@@ -207,6 +207,10 @@ const MastheadToolbarContents: FC<MastheadToolbarContentsProps> = ({
 
   const handleGuidedTourClick = (e) => {
     e.preventDefault();
+    // Move focus away from the dropdown menu item to prevent aria-hidden warning
+    if (document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
     fireTelemetryEvent('launch-guided-tour-form-help', {
       id: 'guided-tour-help',
       perspective: activePerspective,
diff --git a/frontend/public/components/modals/configure-count-modal.tsx b/frontend/public/components/modals/configure-count-modal.tsx
index cc4ad21c343..94df09d4233 100644
--- a/frontend/public/components/modals/configure-count-modal.tsx
+++ b/frontend/public/components/modals/configure-count-modal.tsx
@@ -1,14 +1,12 @@
 import * as _ from 'lodash';
 import { useTranslation } from 'react-i18next';
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import {
   Modal,
   ModalHeader,
   ModalBody,
   ModalFooter,
   Button,
-  HelperText,
-  HelperTextItem,
   FormGroup,
   Form,
 } from '@patternfly/react-core';
@@ -18,6 +16,7 @@ import { k8sPatchResource } from '@console/dynamic-plugin-sdk/src/utils/k8s';
 import { K8sResourceKind, K8sModel } from '../../module/k8s';
 import { NumberSpinner, NumberSpinnerProps } from '../utils/number-spinner';
 import { usePromiseHandler } from '@console/shared/src/hooks/promise-handler';
+import { ModalErrorContent } from '@console/shared/src/components/modal-error-content';
 
 export const ConfigureCountModal: OverlayComponent<ConfigureCountModalProps> = (props) => {
   const {
@@ -43,6 +42,13 @@ export const ConfigureCountModal: OverlayComponent<ConfigureCountModalProps> = (
   const { t } = useTranslation();
   const [handlePromise, inProgress, errorMessage] = usePromiseHandler();
 
+  // Move focus away from the triggering element to prevent aria-hidden warning
+  useEffect(() => {
+    if (document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
+  }, []);
+
   const submit = useCallback(
     (e) => {
       e.preventDefault();
@@ -90,7 +96,7 @@ export const ConfigureCountModal: OverlayComponent<ConfigureCountModalProps> = (
         description={messageKey ? t(messageKey, messageVariablesSafe) : message}
       />
       <ModalBody>
-        <Form>
+        <Form id="configure-count-form" onSubmit={submit}>
           <FormGroup>
             <NumberSpinner
               value={value}
@@ -100,21 +106,17 @@ export const ConfigureCountModal: OverlayComponent<ConfigureCountModalProps> = (
               required
               min={0}
             />
-            {errorMessage && (
-              <HelperText isLiveRegion className="pf-v6-u-mt-md">
-                <HelperTextItem variant="error">{errorMessage}</HelperTextItem>
-              </HelperText>
-            )}
           </FormGroup>
         </Form>
       </ModalBody>
-      <ModalFooter>
-        <Button variant="secondary" onClick={closeOverlay} type="button">
-          {t('public~Cancel')}
-        </Button>
-        <Button variant="primary" isLoading={inProgress} onClick={submit}>
+      <ModalFooter className="pf-v6-u-flex-wrap">
+        <ModalErrorContent errorMessage={errorMessage} />
+        <Button variant="primary" type="submit" form="configure-count-form" isLoading={inProgress}>
           {buttonTextKey ? t(buttonTextKey, buttonTextVariables) : buttonText}
         </Button>
+        <Button variant="link" onClick={closeOverlay} type="button">
+          {t('public~Cancel')}
+        </Button>
       </ModalFooter>
     </Modal>
   );
diff --git a/frontend/public/components/modals/configure-machine-autoscaler-modal.tsx b/frontend/public/components/modals/configure-machine-autoscaler-modal.tsx
index 447c9a79520..678280097d6 100644
--- a/frontend/public/components/modals/configure-machine-autoscaler-modal.tsx
+++ b/frontend/public/components/modals/configure-machine-autoscaler-modal.tsx
@@ -8,8 +8,6 @@ import {
   ModalBody,
   ModalFooter,
   Button,
-  HelperText,
-  HelperTextItem,
   FormGroup,
   Form,
 } from '@patternfly/react-core';
@@ -20,6 +18,7 @@ import { resourcePathFromModel } from '../utils/resource-link';
 import { K8sResourceKind } from '../../module/k8s';
 import { k8sCreateResource } from '@console/dynamic-plugin-sdk/src/utils/k8s';
 import { usePromiseHandler } from '@console/shared/src/hooks/promise-handler';
+import { ModalErrorContent } from '@console/shared/src/components/modal-error-content';
 
 export const ConfigureMachineAutoscalerModal: OverlayComponent<ConfigureMachineAutoscalerModalProps> = ({
   machineSet,
@@ -116,7 +115,7 @@ export const ConfigureMachineAutoscalerModal: OverlayComponent<ConfigureMachineA
         description={t('public~This will automatically scale machine set {{ name }}.', { name })}
       />
       <ModalBody>
-        <Form>
+        <Form id="create-machineautoscaler-form">
           <FormGroup label={t('public~Minimum replicas:')} fieldId="min-replicas" isRequired>
             <NumberSpinner
               value={minReplicas}
@@ -134,20 +133,21 @@ export const ConfigureMachineAutoscalerModal: OverlayComponent<ConfigureMachineA
               required
             />
           </FormGroup>
-          {errorMessage && (
-            <HelperText isLiveRegion className="pf-v6-u-mt-md">
-              <HelperTextItem variant="error">{errorMessage}</HelperTextItem>
-            </HelperText>
-          )}
         </Form>
       </ModalBody>
-      <ModalFooter>
-        <Button variant="secondary" onClick={closeOverlay || cancelProp} type="button">
-          {t('public~Cancel')}
-        </Button>
-        <Button variant="primary" isLoading={inProgress} onClick={submit}>
+      <ModalFooter className="pf-v6-u-flex-wrap">
+        <ModalErrorContent errorMessage={errorMessage} />
+        <Button
+          variant="primary"
+          isLoading={inProgress}
+          onClick={submit}
+          form="create-machineautoscaler-form"
+        >
           {t('public~Create')}
         </Button>
+        <Button variant="link" onClick={closeOverlay || cancelProp} type="button">
+          {t('public~Cancel')}
+        </Button>
       </ModalFooter>
     </Modal>
   );
diff --git a/frontend/public/components/modals/delete-modal.tsx b/frontend/public/components/modals/delete-modal.tsx
index d7023fb00c3..69ece70b7e8 100644
--- a/frontend/public/components/modals/delete-modal.tsx
+++ b/frontend/public/components/modals/delete-modal.tsx
@@ -1,17 +1,21 @@
 import * as _ from 'lodash';
 import type { ReactNode } from 'react';
 import { useState, useCallback, useEffect } from 'react';
-import { Alert, Checkbox } from '@patternfly/react-core';
+import {
+  Alert,
+  Button,
+  Checkbox,
+  Form,
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  ModalVariant,
+} from '@patternfly/react-core';
 import { Trans, useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom-v5-compat';
 import { OverlayComponent } from '@console/dynamic-plugin-sdk/src/app/modal-support/OverlayProvider';
-import {
-  ModalTitle,
-  ModalBody,
-  ModalSubmitFooter,
-  ModalWrapper,
-  ModalComponentProps,
-} from '../factory/modal';
+import { ModalComponentProps } from '../factory/modal';
 import { resourceListPathFromModel, ResourceLink } from '../utils/resource-link';
 import {
   k8sKill,
@@ -24,6 +28,7 @@ import {
 import { YellowExclamationTriangleIcon } from '@console/shared/src/components/status/icons';
 import { ClusterServiceVersionModel } from '@console/operator-lifecycle-manager/src/models';
 import { findOwner } from '../../module/k8s/managed-by';
+import { ModalErrorContent } from '@console/shared/src/components/modal-error-content';
 
 import { LocationDescriptor } from 'history';
 import { usePromiseHandler } from '@console/shared/src/hooks/promise-handler';
@@ -87,93 +92,124 @@ export const DeleteModal = (props: DeleteModalProps) => {
   });
 
   const { kind, resource, message } = props;
+
   return (
-    <form onSubmit={submit} name="form" className="modal-content">
-      <ModalTitle>
-        <YellowExclamationTriangleIcon className="co-icon-space-r" />{' '}
-        {t('public~Delete {{kind}}?', {
-          kind: kind ? (kind.labelKey ? t(kind.labelKey) : kind.label) : '',
-        })}
-      </ModalTitle>
-      <ModalBody className="modal-body">
-        {message}
-        <div>
-          {_.has(resource.metadata, 'namespace') ? (
-            <Trans t={t} ns="public">
-              Are you sure you want to delete{' '}
-              <strong className="co-break-word">
-                {{ resourceName: resource?.metadata?.name }}
-              </strong>{' '}
-              in namespace <strong>{{ namespace: resource?.metadata?.namespace }}</strong>?
-            </Trans>
-          ) : (
-            <Trans t={t} ns="public">
-              Are you sure you want to delete{' '}
-              <strong className="co-break-word">
-                {{ resourceName: resource?.metadata?.name }}
-              </strong>
-              ?
-            </Trans>
-          )}
-          {_.has(kind, 'propagationPolicy') && (
-            <Checkbox
-              label={t('public~Delete dependent objects of this resource')}
-              onChange={(_event, checked) => setIsChecked(checked)}
-              isChecked={isChecked}
-              name="deleteDependentObjects"
-              id="deleteDependentObjects"
-            />
-          )}
-          {props.deleteAllResources && (
-            <Checkbox
-              label={t('public~Delete other resources created by console')}
-              onChange={(_event, checked) => setIsDeleteOtherResourcesChecked(checked)}
-              isChecked={isDeleteOtherResourcesChecked}
-              name="deleteOtherResources"
-              id="deleteOtherResources"
-            />
-          )}
-          {owner && (
-            <Alert
-              className="co-alert co-alert--margin-top"
-              isInline
-              variant="warning"
-              title={t('public~Managed resource')}
-            >
+    <>
+      <ModalHeader
+        title={
+          <>
+            <YellowExclamationTriangleIcon className="co-icon-space-r" />{' '}
+            {t('public~Delete {{kind}}?', {
+              kind: kind ? (kind.labelKey ? t(kind.labelKey) : kind.label) : '',
+            })}
+          </>
+        }
+      />
+      <ModalBody>
+        <Form id="delete-modal-form" onSubmit={submit}>
+          {message}
+          <div>
+            {_.has(resource.metadata, 'namespace') ? (
+              <Trans t={t} ns="public">
+                Are you sure you want to delete{' '}
+                <strong className="co-break-word">
+                  {{ resourceName: resource?.metadata?.name }}
+                </strong>{' '}
+                in namespace <strong>{{ namespace: resource?.metadata?.namespace }}</strong>?
+              </Trans>
+            ) : (
               <Trans t={t} ns="public">
-                This resource is managed by{' '}
-                <ResourceLink
-                  className="modal__inline-resource-link"
-                  inline
-                  kind={referenceForOwnerRef(owner)}
-                  name={owner.name}
-                  namespace={resource.metadata.namespace}
-                  onClick={props.cancel}
-                />{' '}
-                and any modifications may be overwritten. Edit the managing resource to preserve
-                changes.
+                Are you sure you want to delete{' '}
+                <strong className="co-break-word">
+                  {{ resourceName: resource?.metadata?.name }}
+                </strong>
+                ?
               </Trans>
-            </Alert>
-          )}
-        </div>
+            )}
+            {_.has(kind, 'propagationPolicy') && (
+              <Checkbox
+                label={t('public~Delete dependent objects of this resource')}
+                onChange={(_event, checked) => setIsChecked(checked)}
+                isChecked={isChecked}
+                name="deleteDependentObjects"
+                id="deleteDependentObjects"
+              />
+            )}
+            {props.deleteAllResources && (
+              <Checkbox
+                label={t('public~Delete other resources created by console')}
+                onChange={(_event, checked) => setIsDeleteOtherResourcesChecked(checked)}
+                isChecked={isDeleteOtherResourcesChecked}
+                name="deleteOtherResources"
+                id="deleteOtherResources"
+              />
+            )}
+            {owner && (
+              <Alert
+                className="co-alert co-alert--margin-top"
+                isInline
+                variant="warning"
+                title={t('public~Managed resource')}
+              >
+                <Trans t={t} ns="public">
+                  This resource is managed by{' '}
+                  <ResourceLink
+                    className="modal__inline-resource-link"
+                    inline
+                    kind={referenceForOwnerRef(owner)}
+                    name={owner.name}
+                    namespace={resource.metadata.namespace}
+                    onClick={props.cancel}
+                  />{' '}
+                  and any modifications may be overwritten. Edit the managing resource to preserve
+                  changes.
+                </Trans>
+              </Alert>
+            )}
+          </div>
+        </Form>
       </ModalBody>
-      <ModalSubmitFooter
-        errorMessage={errorMessage}
-        inProgress={inProgress}
-        submitDanger
-        submitText={props.btnText || t('public~Delete')}
-        cancel={props.cancel}
-      />
-    </form>
+      <ModalFooter className="pf-v6-u-flex-wrap">
+        <ModalErrorContent errorMessage={errorMessage} data-test="alert-error" />
+        <Button
+          variant="danger"
+          type="submit"
+          form="delete-modal-form"
+          isLoading={inProgress}
+          isDisabled={inProgress}
+          data-test="confirm-action"
+          id="confirm-action"
+        >
+          {props.btnText || t('public~Delete')}
+        </Button>
+        <Button variant="link" onClick={props.cancel} data-test-id="modal-cancel-action">
+          {t('public~Cancel')}
+        </Button>
+      </ModalFooter>
+    </>
   );
 };
 
 export const DeleteModalOverlay: OverlayComponent<DeleteModalProps> = (props) => {
-  return (
-    <ModalWrapper blocking onClose={props.closeOverlay}>
-      <DeleteModal {...props} cancel={props.closeOverlay} close={props.closeOverlay} />
-    </ModalWrapper>
-  );
+  const [isOpen, setIsOpen] = useState(true);
+
+  // Move focus away from the triggering element to prevent aria-hidden warning
+  useEffect(() => {
+    if (document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
+  }, []);
+
+  const handleClose = () => {
+    setIsOpen(false);
+    props.closeOverlay();
+  };
+
+  return isOpen ? (
+    <Modal variant={ModalVariant.small} isOpen onClose={handleClose}>
+      <DeleteModal {...props} cancel={handleClose} close={handleClose} />
+    </Modal>
+  ) : null;
 };
 
 export type DeleteModalProps = {
diff --git a/frontend/public/components/modals/delete-namespace-modal.tsx b/frontend/public/components/modals/delete-namespace-modal.tsx
index 667b11365fc..1038373ce3e 100644
--- a/frontend/public/components/modals/delete-namespace-modal.tsx
+++ b/frontend/public/components/modals/delete-namespace-modal.tsx
@@ -120,7 +120,7 @@ export const DeleteNamespaceModal: OverlayComponent<DeleteNamespaceModalProps> =
         >
           {t('public~Delete')}
         </Button>
-        <Button variant="secondary" onClick={closeOverlay} data-test-id="modal-cancel-action">
+        <Button variant="link" onClick={closeOverlay} data-test-id="modal-cancel-action">
           {t('public~Cancel')}
         </Button>
       </ModalFooter>
diff --git a/frontend/public/components/secrets/create-secret/SecretFormWrapper.tsx b/frontend/public/components/secrets/create-secret/SecretFormWrapper.tsx
index 1a7d50ca467..b0e056d82bc 100644
--- a/frontend/public/components/secrets/create-secret/SecretFormWrapper.tsx
+++ b/frontend/public/components/secrets/create-secret/SecretFormWrapper.tsx
@@ -205,7 +205,7 @@ export const SecretFormWrapper: FC<BaseEditSecretProps_> = (props) => {
               >
                 {props.saveButtonText || t('public~Create')}
               </Button>
-              <Button type="button" variant="secondary" id="cancel" onClick={onCancel || cancel}>
+              <Button type="button" variant="link" id="cancel" onClick={onCancel || cancel}>
                 {t('public~Cancel')}
               </Button>
             </ActionGroup>