diff --git a/packages/react/components/input/Input.tsx b/packages/react/components/input/Input.tsx
index 03f081e5..00b335ca 100644
--- a/packages/react/components/input/Input.tsx
+++ b/packages/react/components/input/Input.tsx
@@ -126,7 +126,7 @@ const Input = (
   const classes = hashClass(styled, clsx('input', localStatus && is(localStatus)))
   const wrapperClasses = hashClass(
     styled,
-    clsx('field', className, type === 'password' && securityGauge && 'has-gauge'),
+    clsx('field', className, type === InputType.PASSWORD && securityGauge && has('gauge')),
   )
 
   const hasIcon = iconNameLeft || iconNameRight
@@ -134,8 +134,8 @@ const Input = (
   const controlClasses = hashClass(
     styled,
     clsx('control', {
-      [has('icons-right')]: hasIcon ?? (iconNameRight || type === 'password'),
-      ['has-icons-left']: iconNameLeft || type === InputType.SEARCH,
+      [has('icons-right')]: hasIcon ?? (iconNameRight || type === InputType.PASSWORD),
+      [has('icons-left')]: iconNameLeft || type === InputType.SEARCH,
     }),
   )
 
@@ -154,7 +154,7 @@ const Input = (
     ({ className, name, color, closeIconSearch, onPress }: IconWrapper) => {
       return (
         <div
-          {...(type === 'password' && { 'data-show-pwd': true })}
+          {...(type === InputType.PASSWORD && { 'data-show-pwd': true })}
           onClick={(e) => {
             onPress && onPress()
             if (onIconClick) {
@@ -211,7 +211,7 @@ const Input = (
   return (
     <div className={wrapperClasses} data-has-gauge={securityGauge ? true : undefined}>
       {label && (
-        <label className="input-label">
+        <label className='input-label'>
           {label}{' '}
           {required && (
             <Text markup={TextMarkup.SPAN} typo={TypographyColor.TEXT_ERROR}>
@@ -221,7 +221,7 @@ const Input = (
         </label>
       )}
       {sample && (
-        <Text className="input-sample" level={TextLevels.TWO}>
+        <Text className='input-sample' level={TextLevels.TWO}>
           {sample}
         </Text>
       )}
@@ -229,7 +229,7 @@ const Input = (
         <input
           id={id}
           required={required}
-          role={'textbox'}
+          role='textbox'
           {...others}
           aria-label={accessibilityLabel}
           type={inputType}
@@ -295,16 +295,16 @@ const Input = (
           }}
         />
         {hasIcon && !localStatus && !loading && <IconWrapper name={iconNameLeft as unknown as IconName} />}
-        {iconNameLeft && !loading && <IconWrapper className={'icon-left'} name={iconNameLeft as unknown as IconName} />}
-        {iconNameRight && !loading && type !== 'password' && (
-          <IconWrapper className={'icon-right'} name={iconNameRight as unknown as IconName} />
+        {iconNameLeft && !loading && <IconWrapper className='icon-left' name={iconNameLeft as unknown as IconName} />}
+        {iconNameRight && !loading && type !== InputType.PASSWORD && (
+          <IconWrapper className='icon-right' name={iconNameRight as unknown as IconName} />
         )}
-        {!loading && type === 'password' && (
+        {!loading && type === InputType.PASSWORD && (
           <IconWrapper
-            className={'icon-right'}
+            className='icon-right'
             name={isShowPwd ? IconName.EYE_SLASH : IconName.EYE}
             onPress={() => {
-              if (inputType === 'password') {
+              if (inputType === InputType.PASSWORD) {
                 setInputType(InputType.TEXT)
                 setIsShowPwd(true)
               } else {
@@ -318,7 +318,7 @@ const Input = (
       </div>
       {help && <Text className={helpClasses}>{help}</Text>}
 
-      {securityGauge && type === 'password' && (
+      {securityGauge && type ===  InputType.PASSWORD && (
         <InputGauge validationRules={validationRules} styled={styled} inputValue={_value} />
       )}
     </div>