diff --git a/assets/icons/lock.svg b/assets/icons/lock.svg
new file mode 100644
index 0000000000..bfce8aadd3
--- /dev/null
+++ b/assets/icons/lock.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6667 8.00033H5.33333M10.6667 8.00033H11.6C11.8209 8.00033 12 8.17939 12 8.40033V12.9337C12 13.1546 11.8209 13.3337 11.6 13.3337H4.4C4.17909 13.3337 4 13.1546 4 12.9337V8.40033C4 8.17939 4.17909 8.00033 4.4 8.00033H5.33333H10.6667ZM10.6667 8.00033V5.33366C10.6667 4.44477 10.1333 2.66699 8 2.66699C5.86667 2.66699 5.33333 4.44477 5.33333 5.33366V8.00033H10.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/components/inputs/SelectInput.tsx b/packages/components/inputs/SelectInput.tsx
new file mode 100644
index 0000000000..ae7d06b378
--- /dev/null
+++ b/packages/components/inputs/SelectInput.tsx
@@ -0,0 +1,232 @@
+import React, { ReactElement, useState } from "react";
+import {
+  View,
+  ScrollView,
+  StyleSheet,
+  StyleProp,
+  ViewStyle,
+} from "react-native";
+
+import { Label } from "./TextInputCustom";
+import chevronDownSVG from "../../../assets/icons/chevron-down.svg";
+import chevronUpSVG from "../../../assets/icons/chevron-up.svg";
+import lockSVG from "../../../assets/icons/lock.svg";
+import {
+  neutral00,
+  neutral33,
+  neutral77,
+  neutralA3,
+  secondaryColor,
+} from "../../utils/style/colors";
+import { fontMedium13, fontSemibold14 } from "../../utils/style/fonts";
+import { layout } from "../../utils/style/layout";
+import { BrandText } from "../BrandText";
+import { SVG } from "../SVG";
+import { CustomPressable } from "../buttons/CustomPressable";
+import { SpacerColumn, SpacerRow } from "../spacer";
+
+export type SelectInputDataValue = string | number;
+
+export type SelectInputData = {
+  label: string;
+  value: SelectInputDataValue;
+  iconComponent?: ReactElement;
+};
+
+type Props = {
+  data: SelectInputData[];
+  placeHolder?: string;
+  selectedData: SelectInputData;
+  setData: (data: SelectInputData) => void;
+  disabled?: boolean;
+  style?: StyleProp<ViewStyle>;
+  boxStyle?: StyleProp<ViewStyle>;
+  label?: string;
+  isRequired?: boolean;
+};
+
+export const SelectInput: React.FC<Props> = ({
+  data,
+  placeHolder,
+  selectedData,
+  setData,
+  disabled,
+  style,
+ boxStyle,
+  label,
+  isRequired,
+}) => {
+  const [openMenu, setOpenMenu] = useState<boolean>(false);
+  const [hoveredIndex, setHoveredIndex] = useState<number>(0);
+  const [hovered, setHovered] = useState(false);
+
+  const getScrollViewStyle = () => {
+    if (data.length > 5) {
+      return [styles.dropdownMenu, { height: 200 }];
+    }
+    return styles.dropdownMenu;
+  };
+
+  return (
+    <CustomPressable
+      style={[style, { position: "relative", zIndex: 999 }]}
+      onHoverIn={() => setHovered(true)}
+      onHoverOut={() => setHovered(false)}
+      onPress={() => {
+        if (!disabled || data.length) setOpenMenu((value) => !value);
+      }}
+      disabled={disabled || !data.length}
+    >
+      {label && (
+        <>
+          <Label
+            hovered={hovered}
+            style={{ color: neutralA3 }}
+            isRequired={isRequired}
+          >
+            {label}
+          </Label>
+          <SpacerColumn size={1.5} />
+        </>
+      )}
+      <View>
+        <View
+          style={[
+            styles.selectInput,
+            hovered && { borderColor: secondaryColor },
+            boxStyle,
+          ]}
+        >
+          <View style={styles.iconLabel}>
+            {selectedData.iconComponent && (
+              <>
+                {selectedData.iconComponent}
+                <SpacerRow size={1} />
+              </>
+            )}
+
+            <BrandText
+              style={[
+                fontSemibold14,
+                { color: selectedData ? secondaryColor : neutral77 },
+              ]}
+            >
+              {selectedData?.label ? selectedData.label : placeHolder}
+            </BrandText>
+          </View>
+
+          <SVG
+            source={
+              !data.length || disabled
+                ? lockSVG
+                : openMenu
+                ? chevronUpSVG
+                : chevronDownSVG
+            }
+            width={16}
+            height={16}
+            color={secondaryColor}
+          />
+        </View>
+
+        {/*TODO: If the opened menu appears under other elements, you'll may need to set zIndex:-1 or something to these elements*/}
+        {openMenu && (
+          <ScrollView style={getScrollViewStyle()}>
+            {data.map((item, index) => (
+              <CustomPressable
+                onHoverIn={() => {
+                  setHoveredIndex(index + 1);
+                  setHovered(true);
+                }}
+                onHoverOut={() => {
+                  setHoveredIndex(0);
+                  setHovered(false);
+                }}
+                onPress={() => {
+                  setData(item);
+                  setOpenMenu(false);
+                }}
+                key={index}
+                style={styles.dropdownMenuRow}
+              >
+                <View
+                  style={[
+                    styles.iconLabel,
+                    hoveredIndex === index + 1 && { opacity: 0.5 },
+                  ]}
+                >
+                  {item.iconComponent && (
+                    <>
+                      {item.iconComponent}
+                      <SpacerRow size={1.5} />
+                    </>
+                  )}
+
+                  <BrandText style={styles.dropdownMenuText}>
+                    {item.label}
+                  </BrandText>
+                </View>
+              </CustomPressable>
+            ))}
+          </ScrollView>
+        )}
+      </View>
+    </CustomPressable>
+  );
+};
+
+const styles = StyleSheet.create({
+  selectInputLabel: StyleSheet.flatten([fontSemibold14, { color: neutralA3 }]),
+  selectInput: {
+    backgroundColor: neutral00,
+    fontSize: 14,
+    fontWeight: 600,
+    color: secondaryColor,
+    borderColor: neutral33,
+    borderWidth: 1,
+    borderRadius: 12,
+    padding: layout.padding_x1_5,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+  inputContainer: {
+    backgroundColor: neutral00,
+    borderWidth: 1,
+    borderColor: neutral33,
+    borderRadius: 12,
+    paddingHorizontal: layout.padding_x1_5,
+  },
+  inputItemStyle: {
+    backgroundColor: "#292929",
+    color: neutralA3,
+    paddingVertical: layout.padding_x1_5,
+    paddingHorizontal: layout.padding_x1,
+  },
+  iconLabel: {
+    flexDirection: "row",
+    alignItems: "center",
+  },
+
+  dropdownMenu: {
+    backgroundColor: "#292929",
+    borderWidth: 1,
+    borderColor: neutral33,
+    borderRadius: 12,
+    padding: layout.padding_x1,
+    position: "absolute",
+    top: 52,
+    width: "100%",
+    zIndex: 10,
+  },
+  dropdownMenuText: StyleSheet.flatten([fontMedium13]),
+  dropdownMenuRow: {
+    borderRadius: 6,
+    padding: layout.padding_x1,
+  },
+  // dropdownMenuRow: {
+  //   backgroundColor: neutral00,
+  //   borderRadius: 6,
+  //   padding: layout.padding_x1,
+  // },
+});
diff --git a/packages/components/inputs/TextInputCustom.tsx b/packages/components/inputs/TextInputCustom.tsx
index 84a9681655..9f91a19b8f 100644
--- a/packages/components/inputs/TextInputCustom.tsx
+++ b/packages/components/inputs/TextInputCustom.tsx
@@ -6,6 +6,7 @@ import React, {
   useEffect,
   useMemo,
   useRef,
+  useState,
 } from "react";
 import {
   RegisterOptions,
@@ -16,7 +17,7 @@ import {
   FieldValues,
 } from "react-hook-form";
 import {
-  Pressable,
+  ActivityIndicator,
   StyleProp,
   StyleSheet,
   TextInput,
@@ -27,7 +28,6 @@ import {
 } from "react-native";
 import { SvgProps } from "react-native-svg";
 
-// import { TextInputLabelProps } from "./TextInputOutsideLabel";
 import { DEFAULT_FORM_ERRORS } from "../../utils/errors";
 import { handleKeyPress } from "../../utils/keyboard";
 import {
@@ -39,22 +39,19 @@ import {
   neutralA3,
   secondaryColor,
 } from "../../utils/style/colors";
-import {
-  fontMedium10,
-  fontSemibold14,
-  fontSemibold20,
-} from "../../utils/style/fonts";
+import { fontMedium10, fontSemibold14 } from "../../utils/style/fonts";
 import { layout } from "../../utils/style/layout";
 import { BrandText } from "../BrandText";
 import { ErrorText } from "../ErrorText";
 import { SVG } from "../SVG";
 import { TertiaryBox } from "../boxes/TertiaryBox";
+import { CustomPressable } from "../buttons/CustomPressable";
 import { SpacerColumn, SpacerRow } from "../spacer";
 
 export interface TextInputCustomProps<T extends FieldValues>
   extends Omit<TextInputProps, "accessibilityRole" | "defaultValue"> {
   label: string;
-  variant?: "regular" | "labelOutside" | "noCropBorder" | "noStyle";
+  variant?: "regular" | "labelOutside" | "noStyle";
   iconSVG?: React.FC<SvgProps>;
   placeHolder?: string;
   squaresBackgroundColor?: string;
@@ -72,7 +69,9 @@ export interface TextInputCustomProps<T extends FieldValues>
   defaultValue?: PathValue<T, Path<T>>;
   subtitle?: React.ReactElement;
   hideLabel?: boolean;
+  errorStyle?: ViewStyle;
   valueModifier?: (value: string) => string;
+  isLoading?: boolean;
   labelStyle?: TextStyle;
   containerStyle?: ViewStyle;
   boxMainContainerStyle?: ViewStyle;
@@ -84,21 +83,30 @@ export interface TextInputCustomProps<T extends FieldValues>
 
 export const Label: React.FC<{
   children: string;
-  style?: TextStyle;
+  style?: StyleProp<TextStyle>;
   isRequired?: boolean;
-}> = ({ children, style, isRequired }) => (
+  hovered?: boolean;
+}> = ({ children, style, isRequired, hovered }) => (
   <View
     style={{
       flexDirection: "row",
     }}
   >
-    <BrandText style={[styles.labelText, fontSemibold14, style]}>
+    <BrandText
+      style={[
+        styles.labelText,
+        fontSemibold14,
+        style,
+        hovered && { color: secondaryColor },
+      ]}
+    >
       {children}
     </BrandText>
     {!!isRequired && children && (
       <BrandText
         style={[
-          fontSemibold20,
+          styles.labelText,
+          fontSemibold14,
           { color: additionalRed, marginLeft: layout.padding_x0_5 },
         ]}
       >
@@ -123,6 +131,7 @@ export const TextInputCustom = <T extends FieldValues>({
   width,
   height,
   variant = "regular",
+  noBrokenCorners,
   name,
   control,
   defaultValue,
@@ -130,10 +139,10 @@ export const TextInputCustom = <T extends FieldValues>({
   subtitle,
   labelStyle,
   iconSVG,
-  noBrokenCorners,
-  // isAsterickSign,
   hideLabel,
   valueModifier,
+  errorStyle,
+  isLoading,
   containerStyle,
   boxMainContainerStyle,
   error,
@@ -141,14 +150,13 @@ export const TextInputCustom = <T extends FieldValues>({
   setRef,
   ...restProps
 }: TextInputCustomProps<T>) => {
-  // variables
   const { field, fieldState } = useController<T>({
     name,
     control,
     rules,
-    defaultValue,
   });
   const inputRef = useRef<TextInput>(null);
+  const [hovered, setHovered] = useState(false);
   // Passing ref to parent since I didn't find a pattern to handle generic argument <T extends FieldValues> AND forwardRef
   useEffect(() => {
     if (inputRef.current && setRef) {
@@ -158,7 +166,7 @@ export const TextInputCustom = <T extends FieldValues>({
 
   useEffect(() => {
     if (defaultValue) {
-      handleChangeText(defaultValue);
+      handleChangeText(defaultValue || "");
     }
     // handleChangeText changes on every render and we want to call handleChangeText only when default value changes so we disable exhaustive-deps
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -218,25 +226,35 @@ export const TextInputCustom = <T extends FieldValues>({
     );
 
   return (
-    <View style={containerStyle}>
-      {variant === "labelOutside" && (
+    <CustomPressable
+      style={containerStyle}
+      onHoverIn={() => setHovered(true)}
+      onHoverOut={() => setHovered(false)}
+      onPress={() => inputRef?.current?.focus()}
+      disabled={disabled}
+    >
+      {variant === "labelOutside" && !hideLabel && (
         <>
           <View style={styles.rowEnd}>
-            <Label style={labelStyle} isRequired={!!rules?.required}>
+            <Label
+              hovered={hovered}
+              style={labelStyle}
+              isRequired={!!rules?.required}
+            >
               {label}
             </Label>
             {subtitle}
           </View>
-          <SpacerColumn size={1} />
+          <SpacerColumn size={1.5} />
         </>
       )}
-
       <TertiaryBox
         squaresBackgroundColor={squaresBackgroundColor}
         style={style}
         mainContainerStyle={[
           styles.mainContainer,
-          variant === "noCropBorder" && styles.noCropBorderBg,
+          noBrokenCorners && styles.noCropBorderBg,
+          hovered && { borderColor: secondaryColor },
         ]}
         width={width}
         fullWidth={!width}
@@ -252,44 +270,42 @@ export const TextInputCustom = <T extends FieldValues>({
           )}
           <View style={{ flex: 1, marginRight: children ? 12 : undefined }}>
             {!variant ||
-              (!["labelOutside", "noCropBorder"].includes(variant) &&
-                !hideLabel && (
-                  <Pressable onPress={() => inputRef.current?.focus()}>
-                    <BrandText
-                      style={[styles.labelText, fontMedium10, labelStyle]}
-                    >
-                      {label}
-                    </BrandText>
-                    <SpacerColumn size={0.5} />
-                  </Pressable>
-                ))}
+              (variant !== "labelOutside" && !hideLabel && (
+                <>
+                  <BrandText
+                    style={[styles.labelText, fontMedium10, labelStyle]}
+                  >
+                    {label}
+                  </BrandText>
+                  <SpacerColumn size={0.5} />
+                </>
+              ))}
             <TextInput
               ref={inputRef}
               editable={!disabled}
               placeholder={placeHolder}
               onChangeText={handleChangeText}
               onKeyPress={(event) => handleKeyPress({ event, onPressEnter })}
-              placeholderTextColor={neutralA3}
+              placeholderTextColor={neutral77}
               value={field.value}
               style={[styles.textInput, textInputStyle]}
               {...restProps}
             />
           </View>
 
-          <>{children}</>
+          {isLoading ? (
+            <ActivityIndicator color={secondaryColor} />
+          ) : (
+            <>{children}</>
+          )}
         </View>
       </TertiaryBox>
       <ErrorText>{error || fieldError}</ErrorText>
-    </View>
+    </CustomPressable>
   );
 };
 
 const styles = StyleSheet.create({
-  rowEnd: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "flex-end",
-  },
   mainContainer: {
     alignItems: "flex-start",
     paddingHorizontal: 12,
@@ -304,7 +320,7 @@ const styles = StyleSheet.create({
     paddingVertical: layout.padding_x1_5,
   },
   labelText: {
-    color: neutral77,
+    color: neutralA3,
   },
   textInput: {
     fontSize: 14,
@@ -317,4 +333,9 @@ const styles = StyleSheet.create({
     alignItems: "center",
     width: "100%",
   },
+  rowEnd: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "flex-end",
+  },
 });
diff --git a/packages/screens/FeedNewArticle/FeedNewArticleScreen.tsx b/packages/screens/FeedNewArticle/FeedNewArticleScreen.tsx
index e1f5a4e846..d6ce7073c7 100644
--- a/packages/screens/FeedNewArticle/FeedNewArticleScreen.tsx
+++ b/packages/screens/FeedNewArticle/FeedNewArticleScreen.tsx
@@ -268,31 +268,32 @@ export const FeedNewArticleScreen: ScreenFC<"FeedNewArticle"> = () => {
             borderRadius: 12,
           }}
         />
-        <Label isRequired>Article content</Label>
-        <SpacerColumn size={1} />
-        {/**@ts-ignore  error:TS2589: Type instantiation is excessively deep and possibly infinite. */}
-        <Controller
-          name="message"
-          control={control}
-          rules={{
-            required: true,
-          }}
-          render={({ field: { onChange, onBlur } }) => (
-            <RichText
-              onChange={onChange}
-              onBlur={onBlur}
-              initialValue={formValues.message}
-              loading={loading}
-              publishDisabled={
-                errors?.message?.type === "required" ||
-                !formValues.message ||
-                !formValues.title ||
-                !wallet
-              }
-              onPublish={onPublish}
-            />
-          )}
-        />
+        <View>
+          <Label>Article content</Label>
+          <SpacerColumn size={1} />
+          <Controller
+            name="message"
+            control={control}
+            rules={{
+              required: true,
+            }}
+            render={({ field: { onChange, onBlur } }) => (
+              <RichText
+                onChange={onChange}
+                onBlur={onBlur}
+                initialValue={formValues.message}
+                loading={loading}
+                publishDisabled={
+                  errors?.message?.type === "required" ||
+                  !formValues.message ||
+                  !formValues.title ||
+                  !wallet
+                }
+                onPublish={onPublish}
+              />
+            )}
+          />
+        </View>
       </View>
     </ScreenContainer>
   );
diff --git a/packages/screens/Organizations/components/ConfigureVotingSection.tsx b/packages/screens/Organizations/components/ConfigureVotingSection.tsx
index 1ab0124e5d..57f8caa5f9 100644
--- a/packages/screens/Organizations/components/ConfigureVotingSection.tsx
+++ b/packages/screens/Organizations/components/ConfigureVotingSection.tsx
@@ -76,7 +76,7 @@ export const ConfigureVotingSection: React.FC<ConfigureVotingSectionProps> = ({
               <View style={styles.fill}>
                 <TextInputCustom<ConfigureVotingFormType>
                   name="days"
-                  variant="noCropBorder"
+                  noBrokenCorners
                   hideLabel
                   control={control}
                   label=""
@@ -89,7 +89,7 @@ export const ConfigureVotingSection: React.FC<ConfigureVotingSectionProps> = ({
               <View style={styles.fill}>
                 <TextInputCustom<ConfigureVotingFormType>
                   name="hours"
-                  variant="noCropBorder"
+                  noBrokenCorners
                   hideLabel
                   control={control}
                   label=""
@@ -103,7 +103,7 @@ export const ConfigureVotingSection: React.FC<ConfigureVotingSectionProps> = ({
               <View style={styles.fill}>
                 <TextInputCustom<ConfigureVotingFormType>
                   name="minutes"
-                  variant="noCropBorder"
+                  noBrokenCorners
                   hideLabel
                   control={control}
                   label=""
diff --git a/packages/screens/Organizations/components/CreateDAOSection.tsx b/packages/screens/Organizations/components/CreateDAOSection.tsx
index 6871ce06fb..7e48beecf2 100644
--- a/packages/screens/Organizations/components/CreateDAOSection.tsx
+++ b/packages/screens/Organizations/components/CreateDAOSection.tsx
@@ -63,43 +63,44 @@ export const CreateDAOSection: React.FC<CreateDAOSectionProps> = ({
             <View style={styles.row}>
               <View style={styles.fill}>
                 <TextInputCustom<CreateDaoFormType>
+                  noBrokenCorners
+                  variant="labelOutside"
                   control={control}
-                  variant="noCropBorder"
                   label="Organization's name"
                   placeHolder="Type organization's name here"
                   name="organizationName"
                   rules={{ required: true }}
-                  // isAsterickSign
                 />
               </View>
               <SpacerRow size={2.5} />
               <View style={styles.fill}>
                 <TextInputCustom<CreateDaoFormType>
+                  noBrokenCorners
+                  variant="labelOutside"
                   control={control}
-                  variant="noCropBorder"
                   label="Associated Teritori Name Service"
                   placeHolder="your-organization.tori"
                   name="associatedTeritoriNameService"
                   rules={{ required: true }}
-                  // isAsterickSign
                 />
               </View>
             </View>
 
             <SpacerColumn size={2.5} />
             <TextInputCustom<CreateDaoFormType>
+              noBrokenCorners
               control={control}
-              variant="noCropBorder"
+              variant="labelOutside"
               label="Organization's image url"
               placeHolder="https://example.com/preview.png"
               name="imageUrl"
               rules={{ required: true }}
-              // isAsterickSign
             />
             <SpacerColumn size={2.5} />
             <TextInputCustom<CreateDaoFormType>
+              noBrokenCorners
+              variant="labelOutside"
               control={control}
-              variant="noCropBorder"
               label="Organization's description"
               placeHolder="Type organization's description here"
               name="organizationDescription"
diff --git a/packages/screens/Organizations/components/MemberSettingsSection.tsx b/packages/screens/Organizations/components/MemberSettingsSection.tsx
index c514cc3513..d61fbb698f 100644
--- a/packages/screens/Organizations/components/MemberSettingsSection.tsx
+++ b/packages/screens/Organizations/components/MemberSettingsSection.tsx
@@ -54,11 +54,10 @@ export const MemberSettingsSection: React.FC<MemberSettingsSectionProps> = ({
             <View style={styles.leftInput}>
               <TextInputCustom<MemberSettingFormType>
                 name={`members.${index}.addr`}
-                variant="noCropBorder"
+                noBrokenCorners
                 label="Member Address"
                 hideLabel={index > 0}
                 control={control}
-                // isAsterickSign
                 rules={{ required: true, validate: validateAddress }}
                 placeHolder="Account address"
                 iconSVG={walletInputSVG}
@@ -75,11 +74,10 @@ export const MemberSettingsSection: React.FC<MemberSettingsSectionProps> = ({
             <View style={styles.rightInput}>
               <TextInputCustom<MemberSettingFormType>
                 name={`members.${index}.weight`}
-                variant="noCropBorder"
+                noBrokenCorners
                 label="Weight"
                 hideLabel={index > 0}
                 control={control}
-                // isAsterickSign
                 rules={{ required: true, pattern: patternOnlyNumbers }}
                 placeHolder="1"
               />
diff --git a/packages/screens/Organizations/components/TokenSettingsSection.tsx b/packages/screens/Organizations/components/TokenSettingsSection.tsx
index 0dfe358e59..970ae4581d 100644
--- a/packages/screens/Organizations/components/TokenSettingsSection.tsx
+++ b/packages/screens/Organizations/components/TokenSettingsSection.tsx
@@ -56,10 +56,9 @@ export const TokenSettingsSection: React.FC<TokenSettingsSectionProps> = ({
           <View style={styles.leftInput}>
             <TextInputCustom<TokenSettingFormType>
               name="tokenName"
-              variant="noCropBorder"
+              noBrokenCorners
               label="Token name"
               control={control}
-              // isAsterickSign
               rules={{ required: true }}
               placeHolder="My Organization Token"
             />
@@ -68,10 +67,9 @@ export const TokenSettingsSection: React.FC<TokenSettingsSectionProps> = ({
           <View style={styles.rightInput}>
             <TextInputCustom<TokenSettingFormType>
               name="tokenSymbol"
-              variant="noCropBorder"
+              noBrokenCorners
               label="Token Symbol"
               control={control}
-              // isAsterickSign
               valueModifier={(value) => value.toUpperCase()}
               rules={{ required: true, pattern: patternOnlyLetters }}
               placeHolder="ABC"
@@ -85,11 +83,10 @@ export const TokenSettingsSection: React.FC<TokenSettingsSectionProps> = ({
             <View style={styles.leftInput}>
               <TextInputCustom<TokenSettingFormType>
                 name={`tokenHolders.${index}.address`}
-                variant="noCropBorder"
+                noBrokenCorners
                 label="Token Holders"
                 hideLabel={index > 0}
                 control={control}
-                // isAsterickSign
                 rules={{ required: true, validate: validateAddress }}
                 placeHolder="Account address"
                 iconSVG={walletInputSVG}
@@ -106,11 +103,10 @@ export const TokenSettingsSection: React.FC<TokenSettingsSectionProps> = ({
             <View style={styles.rightInput}>
               <TextInputCustom<TokenSettingFormType>
                 name={`tokenHolders.${index}.balance`}
-                variant="noCropBorder"
+                noBrokenCorners
                 label="Balances"
                 hideLabel={index > 0}
                 control={control}
-                // isAsterickSign
                 rules={{ required: true, pattern: patternOnlyNumbers }}
                 placeHolder="0"
               />