fix: notes and terms text display issues

bigcommerce · Apr 14, 2023 · c687d11 · c687d11
1 parent faedf09
commit c687d11
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/apps/storefront/src/pages/quote/components/QuoteNote.tsx b/apps/storefront/src/pages/quote/components/QuoteNote.tsx
@@ -89,6 +89,9 @@ export const QuoteNote = (props: QuoteNoteProps) => {
                   variant="body1"
                   style={{
                     whiteSpace: 'pre-line',
+                    maxWidth: '338px',
+                    maxHeight: '400px',
+                    overflow: 'auto',
                   }}
                 >
                   {quoteNotes}

diff --git a/apps/storefront/src/pages/quote/components/QuoteTermsAndConditions.tsx b/apps/storefront/src/pages/quote/components/QuoteTermsAndConditions.tsx
@@ -32,6 +32,9 @@ export const QuoteTermsAndConditions = (props: QuoteTermsAndConditionsProps) =>
               variant="body1"
               style={{
                 whiteSpace: 'pre-line',
+                maxWidth: '338px',
+                maxHeight: '400px',
+                overflow: 'auto',
               }}
             >
               {quoteLegalTerms}