From 0b1387b950553ef2e7ee6788d2df4ed7a644e6f0 Mon Sep 17 00:00:00 2001
From: Rebecca Alpert <ralpert@redhat.com>
Date: Fri, 30 Oct 2026 15:19:34 -0400
Subject: [PATCH] fix(JumpButton): Remove custom styles

Felt may change some PatternFly styles. We are removing what we can so it is easier to adapt the ChatBot extension.

Fixes https://github.com/patternfly/chatbot/issues/928
---
 packages/module/src/MessageBox/JumpButton.scss | 15 ---------------
 packages/module/src/MessageBox/JumpButton.tsx  |  1 +
 2 files changed, 1 insertion(+), 15 deletions(-)

diff --git a/packages/module/src/MessageBox/JumpButton.scss b/packages/module/src/MessageBox/JumpButton.scss
index 23cfdf37..367d1797 100644
--- a/packages/module/src/MessageBox/JumpButton.scss
+++ b/packages/module/src/MessageBox/JumpButton.scss
@@ -5,18 +5,8 @@
 .pf-chatbot__jump {
   position: absolute !important;
   inset-inline-start: 75% !important;
-  width: 2rem !important;
-  height: 2rem !important;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  padding: var(--pf-t--global--spacer--md) !important;
-  border-radius: var(--pf-t--global--border--radius--pill) !important;
-  --pf-v6-c-button--MinWidth: 2rem !important;
   background-color: var(--pf-t--global--background--color--floating--default);
-  border: 1px solid var(--pf-t--global--border--color--default) !important;
   box-shadow: var(--pf-t--global--box-shadow--sm);
-  color: var(--pf-t--global--icon--color--subtle) !important;
   transform: translate3d(-50%, 0, 0) !important;
   transition:
     background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm),
@@ -25,15 +15,10 @@
     opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
   z-index: var(--pf-t--global--z-index--md) !important;
 
-  .pf-v6-c-button__text {
-    line-height: 1rem;
-  }
-
   &:hover,
   &:focus {
     background-color: var(--pf-t--global--background--color--floating--hover);
     box-shadow: var(--pf-t--global--box-shadow--md) !important;
-    color: var(--pf-t--global--icon--color--regular) !important;
   }
 
   &--top {
diff --git a/packages/module/src/MessageBox/JumpButton.tsx b/packages/module/src/MessageBox/JumpButton.tsx
index a4ce2835..a98e25ab 100644
--- a/packages/module/src/MessageBox/JumpButton.tsx
+++ b/packages/module/src/MessageBox/JumpButton.tsx
@@ -37,6 +37,7 @@ const JumpButton: FunctionComponent<JumpButtonProps> = ({
         className={`pf-chatbot__jump pf-chatbot__jump--${position}`}
         aria-label={`Back to ${position}`}
         onClick={onClick}
+        isCircle
         {...jumpButtonProps}
       >
         <Icon iconSize="lg" isInline>