diff --git a/packages/components/src/components/input/input.lite.tsx b/packages/components/src/components/input/input.lite.tsx
index 52f133993de5..e2fc0b1ba5c5 100644
--- a/packages/components/src/components/input/input.lite.tsx
+++ b/packages/components/src/components/input/input.lite.tsx
@@ -198,7 +198,10 @@ export default function DBInput(props: DBInputProps) {
 				readOnly={props.readOnly}
 				form={props.form}
 				pattern={props.pattern}
-				autocomplete={props.autocomplete}
+				// @ts-ignore
+				autoComplete={props.autocomplete}
+				// @ts-ignore
+				autoFocus={props.autofocus}
 				onInput={(event: ChangeEvent<HTMLInputElement>) =>
 					state.handleInput(event)
 				}
diff --git a/packages/components/src/shared/model.ts b/packages/components/src/shared/model.ts
index f9d21fe07e90..08e2af9b7a0d 100644
--- a/packages/components/src/shared/model.ts
+++ b/packages/components/src/shared/model.ts
@@ -33,6 +33,11 @@ export type GlobalProps = {
 	 * React specific for render process.
 	 */
 	key?: string;
+
+	/**
+	 * Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)
+	 */
+	autofocus?: boolean;
 };
 
 export type GlobalState = {