diff --git a/packages/p2p/src/components/search-box/index.js b/packages/components/src/components/search-box/index.js
similarity index 100%
rename from packages/p2p/src/components/search-box/index.js
rename to packages/components/src/components/search-box/index.js
diff --git a/packages/p2p/src/components/search-box/search-box.jsx b/packages/components/src/components/search-box/search-box.jsx
similarity index 98%
rename from packages/p2p/src/components/search-box/search-box.jsx
rename to packages/components/src/components/search-box/search-box.jsx
index 1081641544d6..b07935d1529e 100644
--- a/packages/p2p/src/components/search-box/search-box.jsx
+++ b/packages/components/src/components/search-box/search-box.jsx
@@ -2,7 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Field as FormField, Formik, Form } from 'formik';
-import { Icon, Input } from '@deriv/components';
+import Icon from '../icon';
+import Input from '../input';
 
 const SearchBox = ({ className, onClear, onSearch, placeholder }) => {
     const onSearchClear = setFieldValue => {
diff --git a/packages/p2p/src/components/search-box/search-box.scss b/packages/components/src/components/search-box/search-box.scss
similarity index 100%
rename from packages/p2p/src/components/search-box/search-box.scss
rename to packages/components/src/components/search-box/search-box.scss
diff --git a/packages/components/src/index.js b/packages/components/src/index.js
index f2c263ed0646..c80e7963990e 100644
--- a/packages/components/src/index.js
+++ b/packages/components/src/index.js
@@ -92,6 +92,7 @@ export { default as StatusBadge } from './components/status-badge';
 export { default as SwipeableWrapper } from './components/swipeable-wrapper';
 export { default as RelativeDatepicker } from './components/relative-datepicker';
 export { default as RemainingTime } from './components/remaining-time';
+export { default as SearchBox } from './components/search-box';
 export { default as Table } from './components/table';
 export { default as Tabs } from './components/tabs';
 export { default as Text } from './components/text';
diff --git a/packages/p2p/src/components/buy-sell/buy-sell-header.jsx b/packages/p2p/src/components/buy-sell/buy-sell-header.jsx
index e583655e3617..0bba2dd84730 100644
--- a/packages/p2p/src/components/buy-sell/buy-sell-header.jsx
+++ b/packages/p2p/src/components/buy-sell/buy-sell-header.jsx
@@ -1,14 +1,13 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash.debounce';
-import { ButtonToggle, Icon } from '@deriv/components';
+import { ButtonToggle, Icon, SearchBox } from '@deriv/components';
 import { isDesktop } from '@deriv/shared';
 import { observer } from 'mobx-react-lite';
 import classNames from 'classnames';
 import { buy_sell } from 'Constants/buy-sell';
 import { localize } from 'Components/i18next';
 import ToggleContainer from 'Components/misc/toggle-container.jsx';
-import SearchBox from 'Components/search-box';
 import SortDropdown from 'Components/buy-sell/sort-dropdown.jsx';
 import { useStores } from 'Stores';
 import CurrencyDropdown from 'Components/buy-sell/currency-dropdown.jsx';
diff --git a/packages/p2p/src/components/my-profile/block-user/block-user-list/block-user-list.jsx b/packages/p2p/src/components/my-profile/block-user/block-user-list/block-user-list.jsx
index bba999ac149a..6c7e33d6399c 100644
--- a/packages/p2p/src/components/my-profile/block-user/block-user-list/block-user-list.jsx
+++ b/packages/p2p/src/components/my-profile/block-user/block-user-list/block-user-list.jsx
@@ -1,12 +1,11 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { useStores } from 'Stores';
-import { Text, Loading } from '@deriv/components';
+import { Loading, SearchBox, Text } from '@deriv/components';
 import { isMobile } from '@deriv/shared';
 import BlockUserDropdown from '../block-user-dropdown';
 import BlockUserTable from '../block-user-table';
 import BlockUserTableError from '../block-user-table/block-user-table-error';
-import SearchBox from 'Components/search-box';
 import debounce from 'lodash.debounce';
 import { localize } from 'Components/i18next';
 import './block-user-list.scss';