Added several fixes throughout for demo.

client/src/components/email-overlay/email-overlay.component.jsx

@@ -1,7 +1,8 @@
 import { UploadOutlined } from "@ant-design/icons";
 import { Editor } from "@tinymce/tinymce-react";
-import { Button, Input, Upload, Select } from "antd";
+import { Button, Card, Input, Select, Upload } from "antd";
 import React from "react";
+import { useTranslation } from "react-i18next";
 
 export default function EmailOverlayComponent({
   messageOptions,
@@ -11,6 +12,7 @@ export default function EmailOverlayComponent({
   handleUpload,
   handleFileRemove,
 }) {
+  const { t } = useTranslation();
   return (
     <div>
       To:
@@ -53,17 +55,20 @@ export default function EmailOverlayComponent({
         }}
         onEditorChange={handleHtmlChange}
       />
-      <Upload
-        fileList={messageOptions.fileList}
-        beforeUpload={handleUpload}
-        onRemove={handleFileRemove}
-        multiple
-        listType="picture-card"
-      >
-        <Button>
-          <UploadOutlined /> Upload
-        </Button>
-      </Upload>
+      <Card title={t("emails.labels.attachments")}>
+        <Upload
+          fileList={messageOptions.fileList}
+          beforeUpload={handleUpload}
+          onRemove={handleFileRemove}
+          multiple
+          listType="picture-card"
+          style={{ width: "100%" }}
+        >
+          <Button>
+            <UploadOutlined /> Upload
+          </Button>
+        </Upload>
+      </Card>
     </div>
   );
 }