diff --git a/src/front/Components/DesignSystem/Form/BaseField.tsx b/src/front/Components/DesignSystem/Form/BaseField.tsx
index e36ed0f2..acdc4d05 100644
--- a/src/front/Components/DesignSystem/Form/BaseField.tsx
+++ b/src/front/Components/DesignSystem/Form/BaseField.tsx
@@ -90,8 +90,10 @@ export default abstract class BaseField<P extends IProps, S extends IState = ISt
 	}
 
 	protected hasError(): boolean {
-		if(!this.context) return false;
-		return this.state.validationError !== null && this.context.isInputFocused(this.props.name);
+		return this.state.validationError !== null;
+		// if(!this.context) return false;
+		// if(!this.context.hasOneFocusedInput() && this.state.validationError !== null) return true;
+		// return this.state.validationError !== null && this.context.isInputFocused(this.props.name);
 	}
 
 	protected renderErrors(): JSX.Element[] | null {
diff --git a/src/front/Components/DesignSystem/Form/SelectField/index.tsx b/src/front/Components/DesignSystem/Form/SelectField/index.tsx
index 6abd2dbe..bf08aa3b 100644
--- a/src/front/Components/DesignSystem/Form/SelectField/index.tsx
+++ b/src/front/Components/DesignSystem/Form/SelectField/index.tsx
@@ -15,7 +15,7 @@ type IProps = {
 	hasBorderRightCollapsed?: boolean;
 	placeholder?: string;
 	className?: string;
-	name?: string;
+	name: string;
 	disabled: boolean;
 	errors?: ValidationError;
 };
@@ -60,53 +60,58 @@ export default class SelectField extends React.Component<IProps, IState> {
 	public override render(): JSX.Element {
 		const selectedOption = this.state.selectedOption ?? this.props.selectedOption;
 		return (
-			<div
-				className={classNames(classes["root"], this.props.className)}
-				ref={this.rootRef}
-				data-disabled={this.props.disabled.toString()}
-				data-errored={(this.state.errors !== null).toString()}>
-				{selectedOption && <input type="text" defaultValue={selectedOption.value as string} name={this.props.name} hidden />}
-				<label
-					className={classNames(classes["container-label"])}
-					data-open={this.state.isOpen}
-					onClick={this.toggle}
-					data-border-right-collapsed={this.props.hasBorderRightCollapsed}>
-					<div className={classNames(classes["container-input"])}>
-						{selectedOption && (
-							<>
-								<span className={classNames(classes["icon"], classes["token-icon"])}>{selectedOption?.icon}</span>
-								<Typography typo={ITypo.P_18}>
-									<span className={classes["text"]}>{selectedOption?.label}</span>
-								</Typography>
-							</>
-						)}
-						{!selectedOption && (
-							<div className={classes["placeholder"]} data-open={(selectedOption ? true : false).toString()}>
-								<Typography typo={ITypo.NAV_INPUT_16}>
-									<span className={classes["text"]}>{this.props.placeholder ?? ""}</span>
-								</Typography>
-							</div>
-						)}
-					</div>
-					<Image className={classes["chevron-icon"]} data-open={this.state.isOpen} src={ChevronIcon} alt="chevron icon" />
-				</label>
+			<div className={classes["container"]}>
+				<div
+					className={classNames(classes["root"], this.props.className)}
+					ref={this.rootRef}
+					data-disabled={this.props.disabled.toString()}
+					data-errored={(this.state.errors !== null).toString()}>
+					{selectedOption && <input type="text" defaultValue={selectedOption.value as string} name={this.props.name} hidden />}
+					<label
+						className={classNames(classes["container-label"])}
+						data-open={this.state.isOpen}
+						onClick={this.toggle}
+						data-border-right-collapsed={this.props.hasBorderRightCollapsed}>
+						<div className={classNames(classes["container-input"])}>
+							{selectedOption && (
+								<>
+									<span className={classNames(classes["icon"], classes["token-icon"])}>{selectedOption?.icon}</span>
+									<Typography typo={ITypo.P_18}>
+										<span className={classes["text"]}>{selectedOption?.label}</span>
+									</Typography>
+								</>
+							)}
+							{!selectedOption && (
+								<div className={classes["placeholder"]} data-open={(selectedOption ? true : false).toString()}>
+									<Typography typo={ITypo.NAV_INPUT_16}>
+										<span className={classes["text"]}>{this.props.placeholder ?? ""}</span>
+									</Typography>
+								</div>
+							)}
+						</div>
+						<Image className={classes["chevron-icon"]} data-open={this.state.isOpen} src={ChevronIcon} alt="chevron icon" />
+					</label>
 
-				<ul
-					className={classes["container-ul"]}
-					data-open={this.state.isOpen}
-					ref={this.contentRef}
-					style={{
-						height: this.state.listHeight + "px",
-					}}>
-					{this.props.options.map((option, index) => (
-						<li key={`${index}-${option.value}`} className={classes["container-li"]} onClick={(e) => this.onSelect(option, e)}>
-							<div className={classes["token-icon"]}>{option.icon}</div>
-							<Typography typo={ITypo.P_18}>{option.label}</Typography>
-						</li>
-					))}
-				</ul>
+					<ul
+						className={classes["container-ul"]}
+						data-open={this.state.isOpen}
+						ref={this.contentRef}
+						style={{
+							height: this.state.listHeight + "px",
+						}}>
+						{this.props.options.map((option, index) => (
+							<li
+								key={`${index}-${option.value}`}
+								className={classes["container-li"]}
+								onClick={(e) => this.onSelect(option, e)}>
+								<div className={classes["token-icon"]}>{option.icon}</div>
+								<Typography typo={ITypo.P_18}>{option.label}</Typography>
+							</li>
+						))}
+					</ul>
 
-				{this.state.isOpen && <div className={classes["backdrop"]} onClick={this.toggle} />}
+					{this.state.isOpen && <div className={classes["backdrop"]} onClick={this.toggle} />}
+				</div>
 				{this.state.errors !== null && <div className={classes["errors-container"]}>{this.renderErrors()}</div>}
 			</div>
 		);
@@ -172,16 +177,12 @@ export default class SelectField extends React.Component<IProps, IState> {
 		this.toggle(e);
 	}
 
-	private renderErrors(): JSX.Element[] | null {
-		if (!this.state.errors || !this.state.errors.constraints) return null;
-		let errors: JSX.Element[] = [];
-		Object.entries(this.state.errors.constraints).forEach(([key, value]) => {
-			errors.push(
-				<Typography key={key} typo={ITypo.CAPTION_14} color={ITypoColor.RED_FLASH}>
-					{value}
-				</Typography>,
-			);
-		});
-		return errors;
+	private renderErrors(): JSX.Element | null {
+		if (!this.state.errors) return null;
+		return (
+			<Typography typo={ITypo.CAPTION_14} color={ITypoColor.RED_FLASH}>
+				{this.props.placeholder} est requis
+			</Typography>
+		);
 	}
 }
diff --git a/src/front/Components/DesignSystem/Form/index.tsx b/src/front/Components/DesignSystem/Form/index.tsx
index e3ab0f3e..94a9f082 100644
--- a/src/front/Components/DesignSystem/Form/index.tsx
+++ b/src/front/Components/DesignSystem/Form/index.tsx
@@ -10,6 +10,7 @@ export type IFormContext = {
 	onFieldChange: (name: string, field: IBaseField) => void;
 	onFieldFocusChange: (name: string, field: IBaseField, focused: boolean) => void;
 	isInputFocused: (name: string) => boolean;
+	hasOneFocusedInput: () => boolean;
 };
 
 type IFields = {
@@ -32,7 +33,14 @@ export type IProps = {
 	children?: ReactNode;
 };
 
-export const FormContext = React.createContext<IFormContext>({ setField: () => {}, unSetField: () => {}, onFieldChange: () => {}, onFieldFocusChange: () => {}, isInputFocused: () => false});
+export const FormContext = React.createContext<IFormContext>({
+	setField: () => {},
+	unSetField: () => {},
+	onFieldChange: () => {},
+	onFieldFocusChange: () => {},
+	isInputFocused: () => false,
+	hasOneFocusedInput: () => false,
+});
 
 export default class Form extends React.Component<IProps, IState> {
 	protected fields: IFields = {};
@@ -56,6 +64,7 @@ export default class Form extends React.Component<IProps, IState> {
 		this.formRef = React.createRef();
 		this.onFieldFocusChange = this.onFieldFocusChange.bind(this);
 		this.isInputFocused = this.isInputFocused.bind(this);
+		this.hasOneFocusedInput = this.hasOneFocusedInput.bind(this);
 	}
 
 	public override render() {
@@ -67,6 +76,7 @@ export default class Form extends React.Component<IProps, IState> {
 					onFieldChange: this.onFieldChange,
 					onFieldFocusChange: this.onFieldFocusChange,
 					isInputFocused: this.isInputFocused,
+					hasOneFocusedInput: this.hasOneFocusedInput,
 				}}>
 				<form className={this.props.className} ref={this.formRef} onSubmit={this.onSubmit}>
 					{this.props.children}
@@ -125,8 +135,11 @@ export default class Form extends React.Component<IProps, IState> {
 		delete this.fields[name];
 	}
 
+	protected hasOneFocusedInput() {
+		return this.state.inputFocused.focused;
+	}
+
 	protected isInputFocused(name: string) {
-		console.log(this.state.inputFocused);
 		return this.state.inputFocused.name === name && this.state.inputFocused.focused;
 	}
 
diff --git a/src/front/Components/Layouts/DesignSystem/index.tsx b/src/front/Components/Layouts/DesignSystem/index.tsx
index 05a1af1c..20a6108e 100644
--- a/src/front/Components/Layouts/DesignSystem/index.tsx
+++ b/src/front/Components/Layouts/DesignSystem/index.tsx
@@ -200,6 +200,7 @@ export default class DesignSystem extends BasePage<IProps, IState> {
 						<div className={classes["sub-section"]}>
 							<div className={classes["folder-conatainer"]}>
 								<SelectField
+									name="select"
 									options={selectOptions}
 									onChange={this.onSelectedOption}
 									placeholder={"Type d'acte"}
diff --git a/src/front/Components/Layouts/Folder/CreateFolder/index.tsx b/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
index e175b224..5cf4d058 100644
--- a/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
+++ b/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
@@ -102,6 +102,7 @@ class CreateFolderClass extends BasePage<IPropsClass, IState> {
 							/>
 							<SelectField
 								options={this.state.deedTypesOptions}
+								name="deed"
 								placeholder={"Type d'acte"}
 								onChange={this.onActTypeChange}
 								errors={this.state.validationError.find((error) => error.property === "deed")}
diff --git a/src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx b/src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx
index 5fb1b8f2..3f480fe7 100644
--- a/src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx
+++ b/src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx
@@ -58,7 +58,7 @@ class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
 								placeholder="Numéro de dossier"
 								defaultValue={this.state.selectedFolder?.folder_number}
 							/>
-							<Select options={[]} placeholder={"Type d'acte"} selectedOption={deedOption} disabled />
+							<Select name="deed" options={[]} placeholder={"Type d'acte"} selectedOption={deedOption} disabled />
 							<TextField placeholder="Ouverture du dossier" defaultValue={openingDate.toLocaleDateString("fr-FR")} disabled />
 						</div>
 
diff --git a/src/front/Components/Layouts/FolderArchived/UpdateFolderMetadata/index.tsx b/src/front/Components/Layouts/FolderArchived/UpdateFolderMetadata/index.tsx
index f71fa184..5c48f290 100644
--- a/src/front/Components/Layouts/FolderArchived/UpdateFolderMetadata/index.tsx
+++ b/src/front/Components/Layouts/FolderArchived/UpdateFolderMetadata/index.tsx
@@ -50,6 +50,7 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
 							<TextField name="input field" placeholder="Intitulé du dossier" />
 							<TextField name="input field" placeholder="Numéro de dossier" />
 							<Select
+								name="deed"
 								options={selectOptions}
 								onChange={this.onSelectedOption}
 								placeholder={"Type d'acte"}