Merge pull request Expensify#57452 from bernhardoj/fix/57310-subrate-…

…text-is-small

Fix label is small when no value is selected

src/components/ValuePicker/index.tsx

@@ -2,15 +2,12 @@ import React, {forwardRef, useState} from 'react';
 import type {ForwardedRef} from 'react';
 import {View} from 'react-native';
 import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
-import useStyleUtils from '@hooks/useStyleUtils';
 import Navigation from '@libs/Navigation/Navigation';
-import variables from '@styles/variables';
 import CONST from '@src/CONST';
 import type {ValuePickerItem, ValuePickerProps} from './types';
 import ValueSelectorModal from './ValueSelectorModal';
 
 function ValuePicker({value, label, items, placeholder = '', errorText = '', onInputChange, furtherDetails, shouldShowTooltips = true}: ValuePickerProps, forwardedRef: ForwardedRef<View>) {
-    const StyleUtils = useStyleUtils();
     const [isPickerVisible, setIsPickerVisible] = useState(false);
 
     const showPickerModal = () => {
@@ -28,7 +25,6 @@ function ValuePicker({value, label, items, placeholder = '', errorText = '', onI
         hidePickerModal();
     };
 
-    const descStyle = !value || value.length === 0 ? StyleUtils.getFontSizeStyle(variables.fontSizeLabel) : null;
     const selectedItem = items?.find((item) => item.value === value);
 
     return (
@@ -38,7 +34,6 @@ function ValuePicker({value, label, items, placeholder = '', errorText = '', onI
                 shouldShowRightIcon
                 // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
                 title={selectedItem?.label || placeholder || ''}
-                descriptionTextStyle={descStyle}
                 description={label}
                 onPress={showPickerModal}
                 furtherDetails={furtherDetails}