changed NERAutocomplete style to Native Select

Author: haderie

src/frontend/src/components/NERAutocomplete.tsx

@@ -44,13 +44,9 @@ const NERAutocomplete: React.FC<NERAutocompleteProps> = ({
     height: '40px',
     backgroundColor: theme.palette.background.default,
     width: '100%',
+    border: '2px black',
     borderRadius: '25px',
-    border: 0,
-    '.MuiOutlinedInput-notchedOutline': {
-      borderColor: 'black',
-      borderRadius: '25px'
-    },
-    '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+    '&.Mui-focused': {
       borderColor: 'red'
     },
     ...sx
@@ -61,12 +57,7 @@ const NERAutocomplete: React.FC<NERAutocompleteProps> = ({
       <TextField
         {...params}
         InputProps={{
-          ...params.InputProps,
-          startAdornment: (
-            <InputAdornment position="start">
-              <SearchIcon />
-            </InputAdornment>
-          )
+          ...params.InputProps
         }}
         placeholder={placeholder}
         required

src/frontend/src/pages/FinancePage/ReimbursementRequestForm/ReimbursementFormView.tsx

@@ -1,5 +1,6 @@
 import { Delete } from '@mui/icons-material';
 import {
+  Autocomplete,
   FormControl,
   FormHelperText,
   FormLabel,
@@ -197,14 +198,14 @@ const ReimbursementRequestFormView: React.FC<ReimbursementRequestFormViewProps>
                     const mappedExpenseTypes = allExpenseTypes.map(expenseTypesToAutocomplete);
                     return (
                       <NERAutocomplete
+                        id={'expenseType'}
+                        size="small"
                         options={mappedExpenseTypes}
                         value={mappedExpenseTypes.find((expenseType) => expenseType.id === value) || null}
                         placeholder="Expense Type"
                         onChange={(_event, newValue) => {
                           newValue ? onChange(newValue.id) : onChange('');
                         }}
-                        id={'expenseType'}
-                        size="small"
                       />
                     );
                   }}