diff --git a/src/components/TextInput/TextInput.props.ts b/src/components/TextInput/TextInput.props.ts
index 28d57ba0..5d5f3fbf 100644
--- a/src/components/TextInput/TextInput.props.ts
+++ b/src/components/TextInput/TextInput.props.ts
@@ -1,4 +1,3 @@
-import { IconProps } from '@virtuslab/tetrisly-icons';
 import { InputHTMLAttributes } from 'react';
 
 import { TextInputConfig } from './TextInput.styles';
@@ -9,9 +8,10 @@ import { GhostIconButtonProps } from '../IconButton/IconButton.props';
 
 import type { BasicInputState } from '@/types';
 import { InnerComponent } from '@/types/InnerComponent';
+import { IconName } from '@/utility-types/IconName';
 
 export namespace TextInputProps.InnerComponents {
-  export type Icon = InnerComponent<'Icon', IconProps>;
+  export type Icon = InnerComponent<'Icon', { name: IconName<20> }>;
   export type IconButton = InnerComponent<
     'IconButton',
     Omit<GhostIconButtonProps, 'variant' | 'size'>
diff --git a/src/components/TextInput/TextInput.test.tsx b/src/components/TextInput/TextInput.test.tsx
index d9e292e1..78906512 100644
--- a/src/components/TextInput/TextInput.test.tsx
+++ b/src/components/TextInput/TextInput.test.tsx
@@ -78,7 +78,7 @@ describe('TextInput', () => {
   it('should render beforeComponent', () => {
     const { textInput } = getTextInput(
       <TextInput
-        beforeComponent={{ type: 'Icon', props: { name: '16-bolt' } }}
+        beforeComponent={{ type: 'Icon', props: { name: '20-bolt' } }}
       />,
     );
 
@@ -90,7 +90,7 @@ describe('TextInput', () => {
   it('should render afterComponent', () => {
     const { textInput } = getTextInput(
       <TextInput
-        afterComponent={{ type: 'Icon', props: { name: '16-bolt' } }}
+        afterComponent={{ type: 'Icon', props: { name: '20-bolt' } }}
       />,
     );