ISSUE #4639 - fix css and placeholder text in 4d tabs

Author: The-Daniel

frontend/src/v4/routes/components/dateField/dateField.component.tsx

@@ -69,19 +69,18 @@ export const DateField = ({
 			onAccept={handleAccept}
 			onChange={() => {}}
 			disableHighlightToday
+			// @ts-ignore
+			inputProps={{ readOnly: true, placeholder }}
+			components={{ ActionBar: null }}
 			renderInput={(props) => (
 				<TextField
-					placeholder={placeholder}
 					defaultValue={defaultValue}
 					name={name}
 					{...props}
 					InputProps={{ endAdornment: null }}
 				/>
 			)}
-			// @ts-ignore
-			inputProps={{ readOnly: true }}
 			{...dateFieldProps}
-			components={{ ActionBar: null }}
 		/>
 	);
 };

frontend/src/v5/ui/v4Adapter/overrides/cards/sharedStyles/sequencesTab.overrides.ts

@@ -52,7 +52,7 @@ export default css`
 			
 			${SequenceDateActions} {
 				bottom: -3px;
-				left: -9px;
+				left: -41px;
 				top: unset;
 				right: unset;
 				.MuiIconButton-root {