diff --git a/src/input-control/index.tsx b/src/input-control/index.tsx
index cb910bf..ecd25f5 100644
--- a/src/input-control/index.tsx
+++ b/src/input-control/index.tsx
@@ -1,19 +1,19 @@
-import { Input, InputProps } from '@chakra-ui/react';
+import { Input, InputProps, SystemProps } from '@chakra-ui/react';
 import { useField } from 'formik';
 import React, { FC } from 'react';
 import { BaseProps, FormControl } from '../form-control';
 
-export type InputControlProps = BaseProps & { inputProps?: InputProps };
+export type InputControlProps = BaseProps & { inputProps?: InputProps } & { systemProps?: SystemProps };
 
 export const InputControl: FC<InputControlProps> = (
   props: InputControlProps
 ) => {
-  const { name, label, inputProps, ...rest } = props;
+  const { name, label, inputProps, systemProps, ...rest } = props;
   const [field] = useField(name);
 
   return (
     <FormControl name={name} label={label} {...rest}>
-      <Input {...field} id={name} {...inputProps} />
+      <Input {...field} id={name} {...inputProps} {...systemProps} />
     </FormControl>
   );
 };