fixed overshrinking of the component boxes when resizing horizontally

Author: sean1292

src/components/LeftColExpansionPanel.tsx

@@ -65,8 +65,9 @@ const LeftColExpansionPanel = (props: LeftColExpPanPropsInt) => {
       container
       spacing={16}
       direction="row"
-      justify="flex-start"
+      justify="center"
       alignItems="center"
+      style={{ minWidth: '320px' }}
     >
       <Grid item xs={9}>
         <div
@@ -90,6 +91,7 @@ const LeftColExpansionPanel = (props: LeftColExpPanPropsInt) => {
                 color: 'red',
                 backgroundColor: color,
                 borderRadius: '10px',
+                minWidth: '320px',
               }}
             >
               <List style={{ color: 'red' }}>

src/containers/LeftContainer.tsx

@@ -250,7 +250,7 @@ class LeftContainer extends Component<LeftContPropsInt, StateInt> {
     const { addImage } = this;
 
     return (
-      <div className="column left">
+      <div className="column left" style={{ minWidth: '466px' }}>
         <Grid
           container
           spacing={8}