diff --git a/src/components/input/index.ts b/src/components/input/index.ts
index 84336eab..5a1c548c 100644
--- a/src/components/input/index.ts
+++ b/src/components/input/index.ts
@@ -1,2 +1,2 @@
-export { default as AutosizeInput } from './autosize-input';
+export { default as Input } from './input';
 export { default as TextareaInput } from './textarea-input';
diff --git a/src/components/input/autosize-input.module.scss b/src/components/input/input.module.scss
similarity index 100%
rename from src/components/input/autosize-input.module.scss
rename to src/components/input/input.module.scss
diff --git a/src/components/input/autosize-input.tsx b/src/components/input/input.tsx
similarity index 96%
rename from src/components/input/autosize-input.tsx
rename to src/components/input/input.tsx
index ee9f3118..d754636e 100644
--- a/src/components/input/autosize-input.tsx
+++ b/src/components/input/input.tsx
@@ -2,7 +2,7 @@ import { ChangeEventHandler } from 'react';
 import classNames from 'classnames';
 import AutosizeInput from 'react-input-autosize';
 import NumberFormat from 'react-number-format';
-import styles from './autosize-input.module.scss';
+import styles from './input.module.scss';
 
 type Props = {
   onChange: ChangeEventHandler<HTMLInputElement>;
diff --git a/src/pages/dashboard/forms/token-amount-form.tsx b/src/pages/dashboard/forms/token-amount-form.tsx
index 5f191feb..9d13daea 100644
--- a/src/pages/dashboard/forms/token-amount-form.tsx
+++ b/src/pages/dashboard/forms/token-amount-form.tsx
@@ -1,7 +1,7 @@
 import { BigNumber } from 'ethers';
 import { useState } from 'react';
 import { ModalFooter, ModalHeader } from '../../../components/modal';
-import { AutosizeInput } from '../../../components/input';
+import { Input } from '../../../components/input';
 import Button from '../../../components/button';
 import { formatApi3, parseApi3, messages } from '../../../utils';
 import styles from './forms.module.scss';
@@ -52,7 +52,7 @@ const TokenAmountForm = (props: Props) => {
 
       <div className={styles.formContent}>
         <div className={styles.inputWrapper}>
-          <AutosizeInput type="number" value={inputValue} onChange={(e) => onChange(e.target.value)} autoFocus />
+          <Input type="number" value={inputValue} onChange={(e) => onChange(e.target.value)} autoFocus />
           {maxValue && (
             <Button type="tertiary-color" onClick={handleSetMax} size="xs" sm={{ size: 'sm' }}>
               Max
diff --git a/src/pages/dashboard/forms/token-deposit-form.tsx b/src/pages/dashboard/forms/token-deposit-form.tsx
index d2829ec6..9d763beb 100644
--- a/src/pages/dashboard/forms/token-deposit-form.tsx
+++ b/src/pages/dashboard/forms/token-deposit-form.tsx
@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { MAX_ALLOWANCE, useApi3Pool, useApi3Token } from '../../../contracts';
 import { useChainData } from '../../../chain-data';
 import { ModalFooter, ModalHeader } from '../../../components/modal';
-import { AutosizeInput } from '../../../components/input';
+import { Input } from '../../../components/input';
 import Button from '../../../components/button';
 import { notifications } from '../../../components/notifications';
 import { isUserRejection, formatApi3, parseApi3, messages, UNKNOWN_NUMBER } from '../../../utils';
@@ -95,7 +95,7 @@ const TokenDepositForm = (props: Props) => {
 
       <div className={styles.formContent}>
         <div className={styles.inputWrapper}>
-          <AutosizeInput type="number" value={inputValue} onChange={(e) => setInputValue(e.target.value)} autoFocus />
+          <Input type="number" value={inputValue} onChange={(e) => setInputValue(e.target.value)} autoFocus />
           <Button type="tertiary-color" onClick={handleSetMax} size="xs" sm={{ size: 'sm' }}>
             Max
           </Button>
diff --git a/src/pages/proposals/forms/delegate/delegate-form.tsx b/src/pages/proposals/forms/delegate/delegate-form.tsx
index c078a138..512ac110 100644
--- a/src/pages/proposals/forms/delegate/delegate-form.tsx
+++ b/src/pages/proposals/forms/delegate/delegate-form.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import classNames from 'classnames';
 import Button from '../../../../components/button';
-import { AutosizeInput } from '../../../../components/input';
+import { Input } from '../../../../components/input';
 import { ModalFooter, ModalHeader } from '../../../../components/modal';
 import { useChainData } from '../../../../chain-data';
 import { useApi3Pool } from '../../../../contracts';
@@ -68,7 +68,7 @@ const DelegateVotesForm = (props: Props) => {
       <ModalHeader>Delegate my votes to:</ModalHeader>
 
       <div className={globalStyles.textCenter}>
-        <AutosizeInput
+        <Input
           type="text"
           placeholder="Enter address or ENS name here"
           value={delegationAddress}