@@ -44,8 +44,7 @@
 	border: none;
 	outline: none;
 	font-size: 16px;
-	width: 100%;
-	font-family: '__Raleway_9d395e' !important;
+	width: 100%;  
 
 	&:focus {
 		border: none;
@@ -2,6 +2,7 @@ import { c } from '#/shared/lib/helpers'
 import { FieldError } from 'react-hook-form'
 import styles from './common-textarea.module.scss'
 import React, { ForwardedRef, forwardRef, useEffect } from 'react'
+import { Raleway } from 'next/font/google'
 
 export type TextAreaVariant = 'default' | 'outline'
 
@@ -15,6 +16,8 @@ export interface CommonTextAreaProps extends React.TextareaHTMLAttributes<HTMLTe
 	showError?: boolean
 }
 
+const inter = Raleway({ subsets: ['latin'] })
+
 export const CommonTextArea = forwardRef<HTMLTextAreaElement, CommonTextAreaProps>(
 	({ showError = true, buttomSlot, label, error, className, disabled, trim = false, variant = 'default', ...props }, ref) => {
 		const onChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
@@ -36,6 +39,7 @@ export const CommonTextArea = forwardRef<HTMLTextAreaElement, CommonTextAreaProp
 				>
 					<textarea
 						ref={ref}
+						style={{ fontFamily: inter.style.fontFamily }}
 						className={c(
 							styles.textarea,
 							styles[`textarea_${variant}`],