✨ Fix fonts in multiselect

src/front/Components/DesignSystem/MultiSelect/classes.module.scss

@@ -44,7 +44,7 @@
 
 			> div {
 				width: 100%;
-				> div > div {
+				> div:first-of-type > div:first-of-type {
 					padding: 24px;
 				}
 			}
@@ -53,7 +53,7 @@
 		&.active {
 			.input-container {
 				> div > div > div {
-					padding: 16px 24px;
+					padding: 24px 16px 16px 16px !important;
 				}
 			}
 		}

src/front/Components/DesignSystem/MultiSelect/index.tsx

@@ -66,6 +66,7 @@ export default class MultiSelect extends React.Component<IProps, IState> {
 							noOptionsMessage={this.onEmptyResearch}
 							onFocus={this.onFocus}
 							onBlur={this.onBlur}
+							classNamePrefix="react-select"
 						/>
 					</div>
 				</div>

src/front/Components/Layouts/Folder/CreateFolder/index.tsx

@@ -128,8 +128,6 @@ export default class CreateFolder extends BasePage<IProps, IState> {
 		);
 	}
 
-	public override async componentDidMount() {}
-
 	private onFolderNumberChange(e: React.ChangeEvent<HTMLInputElement>) {
 		this.setState({
 			formValues: {

src/front/index.scss

@@ -40,3 +40,13 @@ a:visited {
 a:hover {
 	opacity: 0.9;
 }
+
+.react-select__input-container {
+	color: black !important;
+	font-weight: normal !important;
+}
+
+.react-select__menu-notice {
+	font-size: 18px;
+	font-family: Inter;
+}