Fix FileCard description overflow, minor tweak to ensure FileUploader has consistent width (#111)

Author: brandongregoryscott

src/components/files/file-card.tsx

@@ -48,7 +48,10 @@ const FileCard: React.FC<FileCardProps> = (props: FileCardProps) => {
             marginRight={majorScale(2)}
             maxWidth={majorScale(40)}
             width="100%">
-            <Flex.Row justifyContent="flex-start">
+            <Flex.Row
+                justifyContent="flex-start"
+                overflow="hidden"
+                width="100%">
                 <Flex.Row alignItems="center">
                     <Pane
                         marginLeft={majorScale(2)}

src/components/files/file-uploader.tsx

@@ -26,6 +26,7 @@ interface FileUploaderProps {
 const acceptedMimeTypes = [MimeType.mp3, MimeType.wav];
 const maxFiles = 10;
 const maxSizeInBytes = 10 * 1024 ** 2; // 10 MB
+const width = majorScale(40);
 
 const FileUploader: React.FC<FileUploaderProps> = (
     props: FileUploaderProps
@@ -101,7 +102,7 @@ const FileUploader: React.FC<FileUploaderProps> = (
         getAcceptedTypesMessage(acceptedMimeTypes),
     ].join(" ");
     return (
-        <Pane marginBottom={majorScale(2)} maxWidth={majorScale(60)}>
+        <Pane marginBottom={majorScale(2)} maxWidth={width} width={width}>
             <EvergreenFileUploader
                 acceptedMimeTypes={acceptedMimeTypes}
                 description={description}