fix: prevent table overflowing container

ccontrols · Jul 15, 2020 · e716842 · e716842
1 parent c0667ef
commit e716842
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/ui/components/src/Table/Table.stories.tsx b/ui/components/src/Table/Table.stories.tsx
@@ -27,10 +27,6 @@ const columns = [
     Header: 'Street',
     accessor: 'address.street',
   },
-  {
-    Header: 'Suite',
-    accessor: 'address.suite',
-  },
   {
     Header: 'City',
     accessor: 'address.city',

diff --git a/ui/components/src/ThemeContext/theme.ts b/ui/components/src/ThemeContext/theme.ts
@@ -264,6 +264,8 @@ export const theme: ControlsTheme = {
         m: 0,
       },
       pre: {
+        whiteSpace: 'pre-wrap',
+        wordWrap: 'break-word',
         mt: 2,
         mb: 0,
       },
-Original file line number
+Diff line change
@@ Expand Up / @@ -264,6 +264,8 @@ export const theme: ControlsTheme = { @@
             m: 0,
           },
           pre: {
+            whiteSpace: 'pre-wrap',
+            wordWrap: 'break-word',
             mt: 2,
             mb: 0,
           },
@@ Expand Down @@