From be5e68536350a4ebe2e55131bce54b86571dba32 Mon Sep 17 00:00:00 2001
From: 0xtxbi <techiejossy@gmail.com>
Date: Thu, 19 Feb 2026 10:46:31 +0100
Subject: [PATCH 1/2] add styling

---
 .../ui/src/components/common/ErrorWell.tsx    | 30 ++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/common/ErrorWell.tsx b/packages/ui/src/components/common/ErrorWell.tsx
index eeb102a1..5829e626 100644
--- a/packages/ui/src/components/common/ErrorWell.tsx
+++ b/packages/ui/src/components/common/ErrorWell.tsx
@@ -41,6 +41,32 @@ const ErrorWell: React.FC<Props> = ({ error, hasTxHashes, fromChain }) => {
     return error?.message
   }, [error?.message, hasTxHashes])
 
+  const shouldScrollErrorMessage =
+    typeof renderedErrorMessage === 'string' &&
+    renderedErrorMessage.length > 280
+
+  // subtle scroll style
+  const scrollStyles = shouldScrollErrorMessage
+    ? {
+        maxHeight: 'min(36vh, 220px)',
+        overflowY: 'auto',
+        px: '1',
+        scrollbarWidth: 'thin' as const,
+        scrollbarColor: 'var(--relay-colors-gray5) transparent',
+        '&::-webkit-scrollbar': {
+          width: '6px',
+          background: 'transparent'
+        },
+        '&::-webkit-scrollbar-track': {
+          background: 'transparent'
+        },
+        '&::-webkit-scrollbar-thumb': {
+          backgroundColor: 'var(--relay-colors-gray5)',
+          borderRadius: '999px'
+        }
+      }
+    : {}
+
   return (
     <Text
       style="subtitle1"
@@ -48,7 +74,9 @@ const ErrorWell: React.FC<Props> = ({ error, hasTxHashes, fromChain }) => {
         my: '4',
         textAlign: 'center',
         width: '100%',
-        wordBreak: 'break-word'
+        wordBreak: 'break-word',
+        overflowWrap: 'anywhere',
+        ...scrollStyles
       }}
     >
       {renderedErrorMessage}

From 0754b95aff31529260c9f7876fb47345047dd301 Mon Sep 17 00:00:00 2001
From: 0xtxbi <techiejossy@gmail.com>
Date: Thu, 19 Feb 2026 10:47:16 +0100
Subject: [PATCH 2/2] feat: changeset

---
 .changeset/afraid-signs-sit.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/afraid-signs-sit.md

diff --git a/.changeset/afraid-signs-sit.md b/.changeset/afraid-signs-sit.md
new file mode 100644
index 00000000..63142ec2
--- /dev/null
+++ b/.changeset/afraid-signs-sit.md
@@ -0,0 +1,5 @@
+---
+'@relayprotocol/relay-kit-ui': patch
+---
+
+Make progress modal error scrollable