Add changes to themed components made from tt

components/theme/inputs/ThemedTextInput.tsx

@@ -10,12 +10,14 @@ const DEFAULT_HEIGHT = 50;
 type ThemedTextInputProps = TextInputProps & {
   width?: DimensionValue;
   height?: DimensionValue;
+  fontSize?: number;
   containerStyle?: object;
 };
 
 const ThemedTextInput: React.FC<ThemedTextInputProps> = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
+  fontSize = 16,
   containerStyle,
   style,
   ...restProps
@@ -23,13 +25,21 @@ const ThemedTextInput: React.FC<ThemedTextInputProps> = ({
   const scheme = useColorScheme() ?? 'dark';
 
   return (
-    <ThemedView style={[styles.inputContainer, { width, height }, containerStyle]}>
+    <ThemedView style={[
+      styles.inputContainer,
+      {
+        width,
+        height,
+        borderColor: Colors[scheme].subtle },
+        containerStyle,
+    ]}>
       <TextInput
         style={[
           styles.input,
           {
             color: Colors[scheme].text,
             backgroundColor: Colors[scheme].background,
+            fontSize,
           },
           style,
         ]}
@@ -46,12 +56,12 @@ const styles = StyleSheet.create({
   inputContainer: {
     padding: 3,
     borderRadius: 10,
+    borderWidth: 1,
   },
   input: {
     width: '100%',
     height: '100%',
     borderRadius: 8,
     paddingHorizontal: 15,
-    fontSize: 16,
   },
 });