@@ -135,19 +135,22 @@ exports[`DestinationAccountPickerModal should render the modal when an account i
135135 <div
136136 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-column mm-box--width-full"
137137 data-testid = " selected-to-account"
138+ style = " overflow: hidden; flex: 1; min-width: 0;"
138139 >
139140 <div
140141 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-row mm-box--flex-wrap-nowrap mm-box--justify-content-space-between mm-box--align-items-center"
141- style = " max-width: min-content ;"
142+ style = " overflow: hidden ;"
142143 >
143144 <p
144145 class = " mm-box mm-text mm-text--body-md-medium mm-text--ellipsis mm-box--color-text-default"
146+ style = " overflow: hidden; text-overflow: ellipsis;"
145147 >
146148 Ledger Account 1
147149 </p >
148150 <svg
149151 class = " inline-block w-5 h-5 text-primary-default"
150152 fill = " currentColor"
153+ style = " flex-shrink: 0;"
151154 viewBox = " 0 0 24 24"
152155 xmlns = " http://www.w3.org/2000/svg"
153156 >
@@ -243,13 +246,15 @@ exports[`DestinationAccountPickerModal should render the modal when an account i
243246 </div >
244247 <div
245248 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-column mm-box--width-full"
249+ style = " overflow: hidden; flex: 1; min-width: 0;"
246250 >
247251 <div
248252 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-row mm-box--flex-wrap-nowrap mm-box--justify-content-space-between mm-box--align-items-center"
249- style = " max-width: min-content ;"
253+ style = " overflow: hidden ;"
250254 >
251255 <p
252256 class = " mm-box mm-text mm-text--body-md-medium mm-text--ellipsis mm-box--color-text-default"
257+ style = " overflow: hidden; text-overflow: ellipsis;"
253258 >
254259 Account 1
255260 </p >
@@ -341,13 +346,15 @@ exports[`DestinationAccountPickerModal should render the modal when an account i
341346 </div >
342347 <div
343348 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-column mm-box--width-full"
349+ style = " overflow: hidden; flex: 1; min-width: 0;"
344350 >
345351 <div
346352 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-row mm-box--flex-wrap-nowrap mm-box--justify-content-space-between mm-box--align-items-center"
347- style = " max-width: min-content ;"
353+ style = " overflow: hidden ;"
348354 >
349355 <p
350356 class = " mm-box mm-text mm-text--body-md-medium mm-text--ellipsis mm-box--color-text-default"
357+ style = " overflow: hidden; text-overflow: ellipsis;"
351358 >
352359 Account 2
353360 </p >
@@ -531,13 +538,15 @@ exports[`DestinationAccountPickerModal should render the modal when no account i
531538 </div >
532539 <div
533540 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-column mm-box--width-full"
541+ style = " overflow: hidden; flex: 1; min-width: 0;"
534542 >
535543 <div
536544 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-row mm-box--flex-wrap-nowrap mm-box--justify-content-space-between mm-box--align-items-center"
537- style = " max-width: min-content ;"
545+ style = " overflow: hidden ;"
538546 >
539547 <p
540548 class = " mm-box mm-text mm-text--body-md-medium mm-text--ellipsis mm-box--color-text-default"
549+ style = " overflow: hidden; text-overflow: ellipsis;"
541550 >
542551 Ledger Account 1
543552 </p >
@@ -629,13 +638,15 @@ exports[`DestinationAccountPickerModal should render the modal when no account i
629638 </div >
630639 <div
631640 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-column mm-box--width-full"
641+ style = " overflow: hidden; flex: 1; min-width: 0;"
632642 >
633643 <div
634644 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-row mm-box--flex-wrap-nowrap mm-box--justify-content-space-between mm-box--align-items-center"
635- style = " max-width: min-content ;"
645+ style = " overflow: hidden ;"
636646 >
637647 <p
638648 class = " mm-box mm-text mm-text--body-md-medium mm-text--ellipsis mm-box--color-text-default"
649+ style = " overflow: hidden; text-overflow: ellipsis;"
639650 >
640651 Account 1
641652 </p >
@@ -727,13 +738,15 @@ exports[`DestinationAccountPickerModal should render the modal when no account i
727738 </div >
728739 <div
729740 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-column mm-box--width-full"
741+ style = " overflow: hidden; flex: 1; min-width: 0;"
730742 >
731743 <div
732744 class = " mm-box mm-container mm-container--max-width-undefined mm-box--display-flex mm-box--gap-1 mm-box--flex-direction-row mm-box--flex-wrap-nowrap mm-box--justify-content-space-between mm-box--align-items-center"
733- style = " max-width: min-content ;"
745+ style = " overflow: hidden ;"
734746 >
735747 <p
736748 class = " mm-box mm-text mm-text--body-md-medium mm-text--ellipsis mm-box--color-text-default"
749+ style = " overflow: hidden; text-overflow: ellipsis;"
737750 >
738751 Account 2
739752 </p >
0 commit comments