diff --git a/src/controls/sitePicker/SitePicker.tsx b/src/controls/sitePicker/SitePicker.tsx
index d358dd5af..cb44ada8d 100644
--- a/src/controls/sitePicker/SitePicker.tsx
+++ b/src/controls/sitePicker/SitePicker.tsx
@@ -2,14 +2,17 @@ import * as React from 'react';
 
 import findIndex from 'lodash/findIndex';
 import orderBy from 'lodash/orderBy';
-import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown';
-import { SearchBox } from '@fluentui/react/lib/SearchBox';
-import { Spinner, SpinnerSize } from '@fluentui/react/lib/Spinner';
-import { mergeStyleSets } from '@fluentui/react/lib/Styling';
 import {
-  ISelectableOption,
+  Dropdown,
+  type IDropdownOption,
+  SearchBox,
+  Spinner,
+  SpinnerSize,
+  mergeStyleSets,
+  type ISelectableOption,
   SelectableOptionMenuItemType,
-} from '@fluentui/react/lib/utilities/selectableOption/SelectableOption.types';
+  Icon
+} from '@fluentui/react';
 
 import { Async } from '@uifabric/utilities/lib/Async';
 
@@ -21,7 +24,6 @@ import {
   getHubSites,
 } from '../../services/SPSitesService';
 import { ISite, ISitePickerProps } from './ISitePicker';
-import { Icon } from '@fluentui/react';
 
 const styles = mergeStyleSets({
   loadingSpinnerContainer: {