LF-4373: Fix icon bg color

LiteFarmOrg · Sep 24, 2024 · f7ff477 · f7ff477
1 parent 287d2a4
commit f7ff477
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/webapp/src/components/Form/LockedInput/index.tsx b/packages/webapp/src/components/Form/LockedInput/index.tsx
@@ -16,6 +16,8 @@
 import InputBase, { type InputBaseSharedProps } from '../InputBase';
 import { FieldValues } from 'react-hook-form';
 import Icon from '../../Icons';
+import clsx from 'clsx';
+import styles from './styles.module.scss';
 
 export type LockedInputProps<T extends FieldValues> = InputBaseSharedProps & { className?: string };
 
@@ -28,7 +30,7 @@ export default function LockedInput<T extends FieldValues>({
       {...props}
       disabled
       className={className}
-      rightSection={<Icon iconName={'LOCKED'} />}
+      rightSection={<Icon iconName={'LOCKED'} className={clsx(styles.icon)} />}
     />
   );
 }
diff --git a/packages/webapp/src/components/Form/LockedInput/styles.module.scss b/packages/webapp/src/components/Form/LockedInput/styles.module.scss
@@ -0,0 +1,3 @@
+.icon {
+    background-color: transparent
+}