From d043bbd2ed1fe5780889f71fc6abaf80d0e28bce Mon Sep 17 00:00:00 2001
From: Jaco <jacogr@gmail.com>
Date: Fri, 23 Dec 2022 15:22:46 +0200
Subject: [PATCH] Expander sub max length (not expanded) (#8611)

* Expander sub max length (not expanded)

* Expander max width
---
 packages/react-components/src/Expander.tsx | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/packages/react-components/src/Expander.tsx b/packages/react-components/src/Expander.tsx
index 6830214a6e..aed7876655 100644
--- a/packages/react-components/src/Expander.tsx
+++ b/packages/react-components/src/Expander.tsx
@@ -133,19 +133,27 @@ function Expander ({ children, className = '', help, helpIcon, isHeader, isLeft,
 }
 
 export default React.memo(styled(Expander)`
-  max-width: 100%;
+  max-width: 60rem;
   overflow: hidden;
   text-overflow: ellipsis;
 
-  &:not(.isExpanded) .ui--Expander-content {
-    display: none;
+  &:not(.isExpanded) {
+    .ui--Expander-content {
+      display: none;
+    }
+
+    .ui--Expander-summary-header-sub {
+      max-width: 35rem;
+    }
   }
 
-  &.isExpanded .ui--Expander-content {
-    margin-top: 0.75rem;
+  &.isExpanded {
+    .ui--Expander-content {
+      margin-top: 0.75rem;
 
-    .body.column {
-      justify-content: end;
+      .body.column {
+        justify-content: end;
+      }
     }
   }