Fix border in card modal

client/src/components/CardModal/AddAttachmentZone/AddAttachmentZone.jsx

@@ -83,9 +83,11 @@ const AddAttachmentZone = React.memo(({ children, onCreate }) => {
   return (
     <>
       {/* eslint-disable-next-line react/jsx-props-no-spreading */}
-      <div {...getRootProps()}>
+      <div {...getRootProps()} className={styles.wrapper}>
         {isDragActive && <div className={styles.dropzone}>{t('common.dropFileToUpload')}</div>}
         {children}
+        {/* eslint-disable-next-line react/jsx-props-no-spreading */}
+        <input {...getInputProps()} />
       </div>
       {modal && (
         <AddTextFileModal
@@ -94,8 +96,6 @@ const AddAttachmentZone = React.memo(({ children, onCreate }) => {
           onClose={handleModalClose}
         />
       )}
-      {/* eslint-disable-next-line react/jsx-props-no-spreading */}
-      <input {...getInputProps()} />
     </>
   );
 });

client/src/components/CardModal/AddAttachmentZone/AddAttachmentZone.module.css

@@ -11,3 +11,7 @@
   width: 100%;
   z-index: 1;
 }
+
+.wrapper {
+  overflow: hidden;
+}

client/src/components/CardModal/CardModal.module.css

@@ -213,6 +213,6 @@
   padding: 8px 16px 0 8px !important;
 }
 
-.wrapper {
-  width: 768px !important;
-}
+/* .wrapper {
+  min-width: 768px;
+} */