From 08c6243dbcb1086cdef11450ed8470af98f645d0 Mon Sep 17 00:00:00 2001
From: Maxwell Frank <92897870+MaxFrank13@users.noreply.github.com>
Date: Tue, 25 Jul 2023 13:48:58 -0400
Subject: [PATCH] fix: Search icon for Autosuggest (#16)

Co-authored-by: Maxwell Frank <mfrank@2u.com>
---
 .../select-preferences/JobTitleInstantSearch.jsx         | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/skills-builder/skills-builder-modal/select-preferences/JobTitleInstantSearch.jsx b/src/skills-builder/skills-builder-modal/select-preferences/JobTitleInstantSearch.jsx
index 138c61e..46cf3ff 100644
--- a/src/skills-builder/skills-builder-modal/select-preferences/JobTitleInstantSearch.jsx
+++ b/src/skills-builder/skills-builder-modal/select-preferences/JobTitleInstantSearch.jsx
@@ -1,9 +1,10 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import {
-  Form,
+  Form, Icon,
 } from '@edx/paragon';
 import { useHits, useSearchBox } from 'react-instantsearch-hooks-web';
+import { Search } from '@edx/paragon/icons';
 
 const JobTitleInstantSearch = (props) => {
   const { refine } = useSearchBox(props);
@@ -25,6 +26,12 @@ const JobTitleInstantSearch = (props) => {
       onChange={handleAutosuggestChange}
       name="job-title-suggest"
       autoComplete="off"
+      trailingElement={(
+        <Icon
+          src={Search}
+          className="mr-2"
+        />
+        )}
       {...props}
     >
       {hits.map(job => (