diff --git a/src/frontend/src/components/NERAutocomplete.tsx b/src/frontend/src/components/NERAutocomplete.tsx
index b77b45470c..8e2c9ab1c8 100644
--- a/src/frontend/src/components/NERAutocomplete.tsx
+++ b/src/frontend/src/components/NERAutocomplete.tsx
@@ -86,6 +86,7 @@ const NERAutocomplete: React.FC<NERAutocompleteProps> = ({
         noOptionsText={noOptionsText}
         options={options}
         sx={autocompleteStyle}
+        autoHighlight
         disabled={disabled}
         size={size}
         renderInput={autocompleteRenderInput}
diff --git a/src/frontend/src/components/dropdowns/DropdownSelect.tsx b/src/frontend/src/components/dropdowns/DropdownSelect.tsx
index 8f41a1fa8c..5bb01d99d1 100644
--- a/src/frontend/src/components/dropdowns/DropdownSelect.tsx
+++ b/src/frontend/src/components/dropdowns/DropdownSelect.tsx
@@ -48,6 +48,7 @@ const DropdownSelect: React.FC<DropdownSelectProps> = ({
   if (multiple) {
     return (
       <Autocomplete
+        autoHighlight
         multiple
         size={size}
         loading={loading}
diff --git a/src/frontend/src/components/dropdowns/LabelDropdown.tsx b/src/frontend/src/components/dropdowns/LabelDropdown.tsx
index baeb1f0e8f..59c4443081 100644
--- a/src/frontend/src/components/dropdowns/LabelDropdown.tsx
+++ b/src/frontend/src/components/dropdowns/LabelDropdown.tsx
@@ -29,6 +29,7 @@ const LabelDropdown: React.FC<LabelDropdownProps> = ({ value, onChange, sx }) =>
 
   return (
     <Autocomplete
+      autoHighlight
       multiple
       size="small"
       loading={isLoading}
diff --git a/src/frontend/src/pages/AdminToolsPage/EditGuestView/EditFeaturedProjectsDropdown.tsx b/src/frontend/src/pages/AdminToolsPage/EditGuestView/EditFeaturedProjectsDropdown.tsx
index 27d8d2f792..42dd88d105 100644
--- a/src/frontend/src/pages/AdminToolsPage/EditGuestView/EditFeaturedProjectsDropdown.tsx
+++ b/src/frontend/src/pages/AdminToolsPage/EditGuestView/EditFeaturedProjectsDropdown.tsx
@@ -19,6 +19,7 @@ const EditFeaturedProjectsDropdown: React.FC<EditFeatureProjectsDropdownProps> =
 
   return (
     <Autocomplete
+      autoHighlight
       multiple
       options={allProjects}
       getOptionLabel={(option) => `${projectWbsNamePipe(option)}`}
diff --git a/src/frontend/src/pages/CalendarPage/Components/CalendarCreateTaskModal.tsx b/src/frontend/src/pages/CalendarPage/Components/CalendarCreateTaskModal.tsx
index 91057dea37..cd9093a142 100644
--- a/src/frontend/src/pages/CalendarPage/Components/CalendarCreateTaskModal.tsx
+++ b/src/frontend/src/pages/CalendarPage/Components/CalendarCreateTaskModal.tsx
@@ -232,6 +232,7 @@ const CalendarCreateTaskModal: React.FC<CalendarCreateTaskModalProps> = ({ open,
               control={control}
               render={({ field: { onChange, value } }) => (
                 <Autocomplete
+                  autoHighlight
                   isOptionEqualToValue={(option, val) => option.id === val.id}
                   filterSelectedOptions
                   multiple
@@ -255,6 +256,7 @@ const CalendarCreateTaskModal: React.FC<CalendarCreateTaskModalProps> = ({ open,
               control={control}
               render={({ field: { onChange, value } }) => (
                 <Autocomplete
+                  autoHighlight
                   multiple
                   filterSelectedOptions
                   options={taskLabels ?? []}
diff --git a/src/frontend/src/pages/CalendarPage/Components/EventModal.tsx b/src/frontend/src/pages/CalendarPage/Components/EventModal.tsx
index fb5b0ca417..d103e4d69a 100644
--- a/src/frontend/src/pages/CalendarPage/Components/EventModal.tsx
+++ b/src/frontend/src/pages/CalendarPage/Components/EventModal.tsx
@@ -1337,6 +1337,7 @@ const EventModal: React.FC<BaseEventModalProps> = ({
                       />
                     ))}
                     <Autocomplete
+                      autoHighlight
                       options={memberOptions.filter((m) => !requiredMembers.find((rm) => rm.id === m.id))}
                       value={null}
                       inputValue={requiredMemberInput}
@@ -1376,6 +1377,7 @@ const EventModal: React.FC<BaseEventModalProps> = ({
                       />
                     ))}
                     <Autocomplete
+                      autoHighlight
                       options={memberOptions.filter((m) => !optionalMembers.find((om) => om.id === m.id))}
                       value={null}
                       inputValue={optionalMemberInput}
@@ -1415,6 +1417,7 @@ const EventModal: React.FC<BaseEventModalProps> = ({
                       />
                     ))}
                     <Autocomplete
+                      autoHighlight
                       options={teamOptions.filter((t) => !selectedTeams.find((st) => st.id === t.id))}
                       value={null}
                       inputValue={teamInput}
@@ -1462,6 +1465,7 @@ const EventModal: React.FC<BaseEventModalProps> = ({
                       </Tooltip>
                     ))}
                     <Autocomplete
+                      autoHighlight
                       options={notificationChannelOptions.filter(
                         (c) => !selectedNotificationChannels.find((sc) => sc.id === c.id)
                       )}
diff --git a/src/frontend/src/pages/CalendarPage/FilterModal.tsx b/src/frontend/src/pages/CalendarPage/FilterModal.tsx
index 849d744ca4..01789c207f 100644
--- a/src/frontend/src/pages/CalendarPage/FilterModal.tsx
+++ b/src/frontend/src/pages/CalendarPage/FilterModal.tsx
@@ -98,6 +98,7 @@ const FilterModal: React.FC<BaseFilterModalProps> = ({
 
         {dropDownMembersOpen && (
           <Autocomplete
+            autoHighlight
             multiple
             open={dropDownMembersOpen}
             disableCloseOnSelect
@@ -216,6 +217,7 @@ const FilterModal: React.FC<BaseFilterModalProps> = ({
 
         {dropDownTeamOpen && (
           <Autocomplete
+            autoHighlight
             multiple
             open={dropDownTeamOpen}
             disableCloseOnSelect
diff --git a/src/frontend/src/pages/ChangeRequestDetailPage/ChangeRequestActionMenu.tsx b/src/frontend/src/pages/ChangeRequestDetailPage/ChangeRequestActionMenu.tsx
index b702a02257..e9a2860505 100644
--- a/src/frontend/src/pages/ChangeRequestDetailPage/ChangeRequestActionMenu.tsx
+++ b/src/frontend/src/pages/ChangeRequestDetailPage/ChangeRequestActionMenu.tsx
@@ -88,6 +88,7 @@ const ChangeRequestActionMenu: React.FC<ChangeRequestActionMenuProps> = ({
   const requestReviewerDropdown = () => (
     <>
       <Autocomplete
+        autoHighlight
         isOptionEqualToValue={(option, value) => option.id === value.id}
         limitTags={1}
         disableCloseOnSelect
diff --git a/src/frontend/src/pages/FinancePage/FinanceComponents/AcceptProspectiveSponsorModal.tsx b/src/frontend/src/pages/FinancePage/FinanceComponents/AcceptProspectiveSponsorModal.tsx
index e85fa6114a..f423ff55dc 100644
--- a/src/frontend/src/pages/FinancePage/FinanceComponents/AcceptProspectiveSponsorModal.tsx
+++ b/src/frontend/src/pages/FinancePage/FinanceComponents/AcceptProspectiveSponsorModal.tsx
@@ -216,6 +216,7 @@ const AcceptProspectiveSponsorModal = ({
             name="valueTypes"
             render={({ field: { onChange, value } }) => (
               <Autocomplete
+                autoHighlight
                 multiple
                 size="small"
                 options={VALUE_TYPE_OPTIONS}
@@ -319,6 +320,7 @@ const AcceptProspectiveSponsorModal = ({
             control={control}
             render={({ field }) => (
               <Autocomplete
+                autoHighlight
                 {...field}
                 multiple
                 options={yearsOptions}
diff --git a/src/frontend/src/pages/FinancePage/FinanceComponents/SponsorForm.tsx b/src/frontend/src/pages/FinancePage/FinanceComponents/SponsorForm.tsx
index 2f261f5fd5..67b49f9fa7 100644
--- a/src/frontend/src/pages/FinancePage/FinanceComponents/SponsorForm.tsx
+++ b/src/frontend/src/pages/FinancePage/FinanceComponents/SponsorForm.tsx
@@ -218,6 +218,7 @@ export const SponsorForm: React.FC<SponsorFormProps> = ({
             name="valueTypes"
             render={({ field: { onChange, value } }) => (
               <Autocomplete
+                autoHighlight
                 multiple
                 options={VALUE_TYPE_OPTIONS}
                 getOptionLabel={(option) => option.label}
@@ -325,6 +326,7 @@ export const SponsorForm: React.FC<SponsorFormProps> = ({
             defaultValue={[]}
             render={({ field }) => (
               <Autocomplete
+                autoHighlight
                 {...field}
                 multiple
                 options={yearsOptions}
diff --git a/src/frontend/src/pages/FinancePage/FinanceComponents/VendorFormModal.tsx b/src/frontend/src/pages/FinancePage/FinanceComponents/VendorFormModal.tsx
index 0a0b806623..af9ab81c89 100644
--- a/src/frontend/src/pages/FinancePage/FinanceComponents/VendorFormModal.tsx
+++ b/src/frontend/src/pages/FinancePage/FinanceComponents/VendorFormModal.tsx
@@ -181,6 +181,7 @@ const VendorFormModal = ({ showModal, handleClose, defaultValues, onSubmit }: Ve
             name="twoFactorContacts"
             render={({ field: { onChange, value } }) => (
               <Autocomplete
+                autoHighlight
                 multiple
                 options={users}
                 disableCloseOnSelect
diff --git a/src/frontend/src/pages/GanttPage/ProjectGanttChart/AddGanttTaskModal.tsx b/src/frontend/src/pages/GanttPage/ProjectGanttChart/AddGanttTaskModal.tsx
index aa7abab49f..a6e016d0de 100644
--- a/src/frontend/src/pages/GanttPage/ProjectGanttChart/AddGanttTaskModal.tsx
+++ b/src/frontend/src/pages/GanttPage/ProjectGanttChart/AddGanttTaskModal.tsx
@@ -179,6 +179,7 @@ const AddGanttTaskModal: React.FC<AddGanttTaskModalProps> = ({ showModal, handle
               control={control}
               render={({ field: { onChange, value } }) => (
                 <Autocomplete
+                  autoHighlight
                   isOptionEqualToValue={(option, value) => option.id === value.id}
                   filterSelectedOptions
                   multiple
@@ -203,6 +204,7 @@ const AddGanttTaskModal: React.FC<AddGanttTaskModalProps> = ({ showModal, handle
               control={control}
               render={({ field: { onChange, value } }) => (
                 <Autocomplete
+                  autoHighlight
                   multiple
                   filterSelectedOptions
                   options={taskLabels ?? []}
diff --git a/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/PartReview/PartReviewComponents/PartFormModels/PartFormModal.tsx b/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/PartReview/PartReviewComponents/PartFormModels/PartFormModal.tsx
index 7630337651..5199a52102 100644
--- a/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/PartReview/PartReviewComponents/PartFormModels/PartFormModal.tsx
+++ b/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/PartReview/PartReviewComponents/PartFormModels/PartFormModal.tsx
@@ -158,6 +158,7 @@ const PartFormModal = ({ open, handleClose, defaultValues, onSubmit, partsInProj
           <FormControl fullWidth>
             <FormLabel>Tags (Optional)</FormLabel>
             <Autocomplete
+              autoHighlight
               multiple
               options={[{ partTagId: 'add-new', name: 'Add New' }, ...tags]}
               getOptionLabel={(option) => option.name}
@@ -192,6 +193,7 @@ const PartFormModal = ({ open, handleClose, defaultValues, onSubmit, partsInProj
           <FormControl fullWidth>
             <FormLabel>Assignees</FormLabel>
             <Autocomplete
+              autoHighlight
               multiple
               options={users.filter((user) => !reviewerIds.some((reviewerId) => reviewerId === user.userId))}
               getOptionLabel={(option) => `${option.firstName} ${option.lastName}`}
@@ -210,6 +212,7 @@ const PartFormModal = ({ open, handleClose, defaultValues, onSubmit, partsInProj
           <FormControl fullWidth>
             <FormLabel>Reviewers</FormLabel>
             <Autocomplete
+              autoHighlight
               multiple
               options={users.filter((user) => !assigneeIds.some((assigneeId) => assigneeId === user.userId))}
               getOptionLabel={(option) => `${option.firstName} ${option.lastName}`}
diff --git a/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/PartReview/PartsReviewPage.tsx b/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/PartReview/PartsReviewPage.tsx
index 12b9d1f141..15ca86686d 100644
--- a/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/PartReview/PartsReviewPage.tsx
+++ b/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/PartReview/PartsReviewPage.tsx
@@ -148,6 +148,7 @@ const PartsReviewPage = ({ project }: { project: Project }) => {
       {showFilters && (
         <Box sx={{ display: 'flex', gap: 2, mb: 2 }}>
           <Autocomplete
+            autoHighlight
             multiple
             size="small"
             options={Object.values(Review_Status)}
@@ -184,6 +185,7 @@ const PartsReviewPage = ({ project }: { project: Project }) => {
             sx={{ width: '20%' }}
           />
           <Autocomplete
+            autoHighlight
             multiple
             size="small"
             options={users}
@@ -223,6 +225,7 @@ const PartsReviewPage = ({ project }: { project: Project }) => {
             sx={{ width: '20%' }}
           />
           <Autocomplete
+            autoHighlight
             multiple
             size="small"
             options={users}
@@ -262,6 +265,7 @@ const PartsReviewPage = ({ project }: { project: Project }) => {
             sx={{ width: '20%' }}
           />
           <Autocomplete
+            autoHighlight
             multiple
             size="small"
             options={tags}
diff --git a/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/TaskList/TaskFormModal.tsx b/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/TaskList/TaskFormModal.tsx
index 73135234d3..c59421baf8 100644
--- a/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/TaskList/TaskFormModal.tsx
+++ b/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/TaskList/TaskFormModal.tsx
@@ -321,6 +321,7 @@ const TaskFormModal: React.FC<TaskFormModalProps> = ({
                 control={control}
                 render={({ field: { onChange, value } }) => (
                   <Autocomplete
+                    autoHighlight
                     isOptionEqualToValue={(option, value) => option.id === value.id}
                     filterSelectedOptions
                     multiple
@@ -346,6 +347,7 @@ const TaskFormModal: React.FC<TaskFormModalProps> = ({
                 control={control}
                 render={({ field: { onChange, value } }) => (
                   <Autocomplete
+                    autoHighlight
                     multiple
                     filterSelectedOptions
                     options={taskLabels ?? []}
@@ -400,6 +402,7 @@ const TaskFormModal: React.FC<TaskFormModalProps> = ({
                 control={control}
                 render={({ field: { onChange, value } }) => (
                   <Autocomplete
+                    autoHighlight
                     multiple
                     filterSelectedOptions
                     options={blockedByOptions}
diff --git a/src/frontend/src/pages/StatisticsPage/GraphCollectionForm/GraphCollectionForm.tsx b/src/frontend/src/pages/StatisticsPage/GraphCollectionForm/GraphCollectionForm.tsx
index d8e078be0d..e9a9e66eeb 100644
--- a/src/frontend/src/pages/StatisticsPage/GraphCollectionForm/GraphCollectionForm.tsx
+++ b/src/frontend/src/pages/StatisticsPage/GraphCollectionForm/GraphCollectionForm.tsx
@@ -81,6 +81,7 @@ const GraphCollectionForm = ({ open, onHide, defaultValues, onSubmit, successTex
               render={({ field: { onChange, value } }) => {
                 return (
                   <Autocomplete
+                    autoHighlight
                     isOptionEqualToValue={(option, value) => option.id === value.id}
                     filterSelectedOptions
                     multiple
diff --git a/src/frontend/src/pages/StatisticsPage/GraphForm/GraphFormView.tsx b/src/frontend/src/pages/StatisticsPage/GraphForm/GraphFormView.tsx
index 4958389b19..686928e929 100644
--- a/src/frontend/src/pages/StatisticsPage/GraphForm/GraphFormView.tsx
+++ b/src/frontend/src/pages/StatisticsPage/GraphForm/GraphFormView.tsx
@@ -201,6 +201,7 @@ export const GraphFormView: React.FC<GraphFormViewProps> = ({ control, errors, c
             render={({ field: { onChange, value } }) => {
               return (
                 <Autocomplete
+                  autoHighlight
                   isOptionEqualToValue={(option, value) => option?.id === value?.id}
                   filterSelectedOptions
                   multiple
@@ -228,6 +229,7 @@ export const GraphFormView: React.FC<GraphFormViewProps> = ({ control, errors, c
             render={({ field: { onChange, value } }) => {
               return (
                 <Autocomplete
+                  autoHighlight
                   isOptionEqualToValue={(option, value) => option.id === value.id}
                   filterSelectedOptions
                   multiple
diff --git a/src/frontend/src/pages/TeamsPage/TeamMembersPageBlock.tsx b/src/frontend/src/pages/TeamsPage/TeamMembersPageBlock.tsx
index 409fc18a6d..74d82ed72f 100644
--- a/src/frontend/src/pages/TeamsPage/TeamMembersPageBlock.tsx
+++ b/src/frontend/src/pages/TeamsPage/TeamMembersPageBlock.tsx
@@ -130,6 +130,7 @@ const TeamMembersPageBlock: React.FC<TeamMembersPageBlockProps> = ({ team }) =>
       <Grid container direction={'row'}>
         <Grid item xs={9} md={10} lg={11}>
           <Autocomplete
+            autoHighlight
             isOptionEqualToValue={(option, value) => option.id === value.id}
             filterSelectedOptions
             multiple
@@ -161,6 +162,7 @@ const TeamMembersPageBlock: React.FC<TeamMembersPageBlockProps> = ({ team }) =>
       <Grid container direction={'row'}>
         <Grid item xs={9} md={10} lg={11}>
           <Autocomplete
+            autoHighlight
             isOptionEqualToValue={(option, value) => option.id === value.id}
             filterSelectedOptions
             multiple
diff --git a/src/frontend/src/pages/WorkPackageForm/WorkPackageFormView.tsx b/src/frontend/src/pages/WorkPackageForm/WorkPackageFormView.tsx
index 001e28ff58..32fe64b43d 100644
--- a/src/frontend/src/pages/WorkPackageForm/WorkPackageFormView.tsx
+++ b/src/frontend/src/pages/WorkPackageForm/WorkPackageFormView.tsx
@@ -357,6 +357,7 @@ const WorkPackageFormView: React.FC<WorkPackageFormViewProps> = ({
               control={control}
               render={({ field: { onChange, value: formValue } }) => (
                 <Autocomplete
+                  autoHighlight
                   isOptionEqualToValue={(option, value) => option.id === value.id}
                   filterSelectedOptions
                   multiple
diff --git a/src/frontend/src/pages/WorkPackageTemplateForm/WorkPackageTemplateFormView.tsx b/src/frontend/src/pages/WorkPackageTemplateForm/WorkPackageTemplateFormView.tsx
index 0dcb5a6daf..adba122e36 100644
--- a/src/frontend/src/pages/WorkPackageTemplateForm/WorkPackageTemplateFormView.tsx
+++ b/src/frontend/src/pages/WorkPackageTemplateForm/WorkPackageTemplateFormView.tsx
@@ -135,6 +135,7 @@ const WorkPackageTemplateFormView: React.FC<WorkPackageTemplateFormViewProps> =
               control={control}
               render={({ field: { onChange, value: formValue } }) => (
                 <Autocomplete
+                  autoHighlight
                   isOptionEqualToValue={(option, value) => option.id === value.id}
                   filterSelectedOptions
                   multiple