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}