From 42f895071d9300d2052ef3bc7b309e2b721eed41 Mon Sep 17 00:00:00 2001
From: Gabi Podolnikova <gpodolni@redhat.com>
Date: Fri, 11 Sep 2026 11:08:22 +0200
Subject: [PATCH] fix(MessageBar): Replace send button icon

---
 package-lock.json                             | 15 ++++++++-
 packages/module/package.json                  |  4 +--
 .../module/src/MessageBar/SendButton.scss     | 33 +------------------
 packages/module/src/MessageBar/SendButton.tsx |  4 +--
 4 files changed, 19 insertions(+), 37 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2251cb848..0514d8cc4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28296,7 +28296,7 @@
       "dependencies": {
         "@patternfly/react-code-editor": "^6.6.0",
         "@patternfly/react-core": "^6.6.0",
-        "@patternfly/react-icons": "^6.6.0",
+        "@patternfly/react-icons": "6.6.1-prerelease.2",
         "@patternfly/react-styles": "^6.6.0",
         "@patternfly/react-table": "^6.6.0",
         "@segment/analytics-next": "^1.76.0",
@@ -28385,6 +28385,19 @@
         "victory-voronoi-container": "^37.3.6"
       }
     },
+    "packages/module/node_modules/@patternfly/react-icons": {
+      "version": "6.6.1-prerelease.2",
+      "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.6.1-prerelease.2.tgz",
+      "integrity": "sha512-iVk1YmOUnIR3+spCygoEZ+dwTqWxNrJH7PuhFPBB7gjesdJFXfYLKBUOEo/eAcCTO9Mi+zJaRmC9CXihQc6zbw==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.1"
+      },
+      "peerDependencies": {
+        "react": "^17 || ^18 || ^19",
+        "react-dom": "^17 || ^18 || ^19"
+      }
+    },
     "packages/module/node_modules/@types/unist": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
diff --git a/packages/module/package.json b/packages/module/package.json
index 619516f2c..ffa2bf5b7 100644
--- a/packages/module/package.json
+++ b/packages/module/package.json
@@ -35,7 +35,7 @@
   "dependencies": {
     "@patternfly/react-code-editor": "^6.6.0",
     "@patternfly/react-core": "^6.6.0",
-    "@patternfly/react-icons": "^6.6.0",
+    "@patternfly/react-icons": "6.6.1-prerelease.2",
     "@patternfly/react-styles": "^6.6.0",
     "@patternfly/react-table": "^6.6.0",
     "@segment/analytics-next": "^1.76.0",
@@ -107,4 +107,4 @@
     "**/*.scss",
     "patternfly-docs/**"
   ]
-}
\ No newline at end of file
+}
diff --git a/packages/module/src/MessageBar/SendButton.scss b/packages/module/src/MessageBar/SendButton.scss
index 42732e5d3..ef9ec77d5 100644
--- a/packages/module/src/MessageBar/SendButton.scss
+++ b/packages/module/src/MessageBar/SendButton.scss
@@ -7,38 +7,7 @@
   width: 3rem;
   height: 3rem;
 
-  .pf-v6-c-button__icon {
-    --pf-v6-c-button__icon--Color: var(--pf-t--global--color--brand--default);
-  }
-
-  &:hover,
-  &:focus {
-    background-color: rgba(146, 197, 249, 0.25); // --pf-t--global--color--nonstatus--blue--default @ 25%;
-    color: var(--pf-t--global--color--brand--hover);
-
-    .pf-v6-c-button__icon {
-      color: var(--pf-t--global--color--brand--hover);
-    }
-  }
-}
-
-.pf-v6-theme-dark {
-  .pf-v6-c-button.pf-chatbot__button--send {
-    background-color: var(--pf-t--global--color--brand--default);
-    .pf-v6-c-button__icon {
-      --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--inverse);
-    }
-  }
-
-  .pf-v6-c-button:disabled.pf-chatbot__button--send:disabled {
-    --pf-v6-c-button--disabled--Color: var(--pf-t--global--icon--color--disabled);
-    background-color: var(--pf-t--global--background--color--disabled--default);
-  }
-
-  .pf-v6-c-button.pf-chatbot__button--send:hover,
-  .pf-v6-c-button.pf-chatbot__button--send:focus {
-    background-color: rgba(146, 197, 249, 0.25); // --pf-t--global--color--nonstatus--blue--default @ 25%;
-  }
+  --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--color--brand--default);
 }
 
 @keyframes motionSendButton {
diff --git a/packages/module/src/MessageBar/SendButton.tsx b/packages/module/src/MessageBar/SendButton.tsx
index a9acc8c0b..864d26c8f 100644
--- a/packages/module/src/MessageBar/SendButton.tsx
+++ b/packages/module/src/MessageBar/SendButton.tsx
@@ -6,7 +6,7 @@ import type { FunctionComponent } from 'react';
 // Import PatternFly components
 import { Button, ButtonProps, Tooltip, TooltipProps, Icon } from '@patternfly/react-core';
 
-import { PaperPlaneIcon } from '@patternfly/react-icons/dist/esm/icons/paper-plane-icon';
+import { RhUiSendIcon } from '@patternfly/react-icons/dist/esm/icons/rh-ui-send-icon';
 
 export interface SendButtonProps extends ButtonProps {
   /** Callback for when button is clicked */
@@ -48,7 +48,7 @@ export const SendButton: FunctionComponent<SendButtonProps> = ({
       onClick={onClick}
       icon={
         <Icon iconSize={isCompact ? 'lg' : 'xl'} isInline>
-          <PaperPlaneIcon />
+          <RhUiSendIcon />
         </Icon>
       }
       size={isCompact ? 'sm' : undefined}