From 111a92bdfe1157f5bf6999d6092a4a1f05cf9274 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Mon, 20 Jun 2022 17:29:41 +0530
Subject: [PATCH] update color and placeholder

---
 src/components/Search/SearchBar/searchInput/index.tsx           | 2 +-
 .../{controlWithIcon.tsx => valueContainerWithIcon.tsx}         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename src/components/Search/SearchBar/searchInput/{controlWithIcon.tsx => valueContainerWithIcon.tsx} (94%)

diff --git a/src/components/Search/SearchBar/searchInput/index.tsx b/src/components/Search/SearchBar/searchInput/index.tsx
index 936b8caa4..09efdbc81 100644
--- a/src/components/Search/SearchBar/searchInput/index.tsx
+++ b/src/components/Search/SearchBar/searchInput/index.tsx
@@ -5,7 +5,7 @@ import React, { useContext, useEffect, useState } from 'react';
 import { getAutoCompleteSuggestions } from 'services/searchService';
 import { Bbox, DateValue, SearchOption, SuggestionType } from 'types/search';
 import constants from 'utils/strings/constants';
-import { ValueContainerWithIcon } from './controlWithIcon';
+import { ValueContainerWithIcon } from './valueContainerWithIcon';
 import { SearchInputWrapper } from './styledComponents';
 import { SelectStyles } from '../../../../styles/search';
 import AsyncSelect from 'react-select/async';
diff --git a/src/components/Search/SearchBar/searchInput/controlWithIcon.tsx b/src/components/Search/SearchBar/searchInput/valueContainerWithIcon.tsx
similarity index 94%
rename from src/components/Search/SearchBar/searchInput/controlWithIcon.tsx
rename to src/components/Search/SearchBar/searchInput/valueContainerWithIcon.tsx
index e1f550e7a..10a646edf 100644
--- a/src/components/Search/SearchBar/searchInput/controlWithIcon.tsx
+++ b/src/components/Search/SearchBar/searchInput/valueContainerWithIcon.tsx
@@ -36,7 +36,7 @@ export const ValueContainerWithIcon: SelectComponents<
 >['ValueContainer'] = (props) => (
     <ValueContainer {...props}>
         <FlexWrapper>
-            <Box className="icon" mr={'12px'}>
+            <Box className="icon" mr={'12px'} color="rgba(255, 255, 255, 0.24)">
                 {getIconByType(props.getValue()[0]?.type)}
             </Box>
             {props.children}