diff --git a/libs/ui-toolkit/src/components/text-area/index.ts b/libs/ui-toolkit/src/components/text-area/index.ts
new file mode 100644
index 000000000..e18b3258a
--- /dev/null
+++ b/libs/ui-toolkit/src/components/text-area/index.ts
@@ -0,0 +1 @@
+export * from './text-area';
diff --git a/libs/ui-toolkit/src/components/textArea/textArea.spec.tsx b/libs/ui-toolkit/src/components/text-area/text-area.spec.tsx
similarity index 84%
rename from libs/ui-toolkit/src/components/textArea/textArea.spec.tsx
rename to libs/ui-toolkit/src/components/text-area/text-area.spec.tsx
index dd5be3958..58e2dea62 100644
--- a/libs/ui-toolkit/src/components/textArea/textArea.spec.tsx
+++ b/libs/ui-toolkit/src/components/text-area/text-area.spec.tsx
@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react';
 
-import { TextArea } from './textArea';
+import { TextArea } from './text-area';
 
 describe('TextArea', () => {
   it('should render successfully', () => {
diff --git a/libs/ui-toolkit/src/components/textArea/textArea.stories.tsx b/libs/ui-toolkit/src/components/text-area/text-area.stories.tsx
similarity index 92%
rename from libs/ui-toolkit/src/components/textArea/textArea.stories.tsx
rename to libs/ui-toolkit/src/components/text-area/text-area.stories.tsx
index ed1236289..4793f108a 100644
--- a/libs/ui-toolkit/src/components/textArea/textArea.stories.tsx
+++ b/libs/ui-toolkit/src/components/text-area/text-area.stories.tsx
@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
-import { TextArea } from './textArea';
+import { TextArea } from './text-area';
 
 export default {
   component: TextArea,
diff --git a/libs/ui-toolkit/src/components/textArea/textArea.tsx b/libs/ui-toolkit/src/components/text-area/text-area.tsx
similarity index 69%
rename from libs/ui-toolkit/src/components/textArea/textArea.tsx
rename to libs/ui-toolkit/src/components/text-area/text-area.tsx
index 9384937fc..6ffca2437 100644
--- a/libs/ui-toolkit/src/components/textArea/textArea.tsx
+++ b/libs/ui-toolkit/src/components/text-area/text-area.tsx
@@ -1,13 +1,13 @@
 import { TextareaHTMLAttributes, forwardRef } from 'react';
 import { inputClassNames } from '../input/input';
 
-/* eslint-disable-next-line */
 export interface TextAreaProps
   extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-  hasError?: boolean;
   className?: string;
 }
 
 export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
-  (props, ref) => <textarea {...props} className={inputClassNames(props)} />
+  (props, ref) => (
+    <textarea {...props} ref={ref} className={inputClassNames(props)} />
+  )
 );
diff --git a/libs/ui-toolkit/src/components/textArea/index.ts b/libs/ui-toolkit/src/components/textArea/index.ts
deleted file mode 100644
index 273b8cf79..000000000
--- a/libs/ui-toolkit/src/components/textArea/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './textArea';
diff --git a/libs/ui-toolkit/src/index.ts b/libs/ui-toolkit/src/index.ts
index 1745a3977..a7d331e4e 100644
--- a/libs/ui-toolkit/src/index.ts
+++ b/libs/ui-toolkit/src/index.ts
@@ -8,4 +8,4 @@ export { Icon } from './components/icon';
 export { Input } from './components/input';
 export { InputError } from './components/inputError';
 export { Select } from './components/select';
-export { TextArea } from './components/textArea';
+export { TextArea } from './components/text-area';