diff --git a/src/plugins/data_source_management/public/components/data_source_selectable/data_source_selectable.tsx b/src/plugins/data_source_management/public/components/data_source_selectable/data_source_selectable.tsx
index 92f6243362bd..fd1c685676f0 100644
--- a/src/plugins/data_source_management/public/components/data_source_selectable/data_source_selectable.tsx
+++ b/src/plugins/data_source_management/public/components/data_source_selectable/data_source_selectable.tsx
@@ -54,9 +54,9 @@ interface DataSourceSelectableProps {
 interface DataSourceSelectableState extends DataSourceBaseState {
   dataSourceOptions: DataSourceOption[];
   isPopoverOpen: boolean;
-  selectedOption?: DataSourceOption[];
   defaultDataSource: string | null;
   incompatibleDataSourcesExist: boolean;
+  selectedOption?: DataSourceOption[];
 }
 
 export class DataSourceSelectable extends React.Component<
diff --git a/src/plugins/data_source_management/public/components/no_data_source/no_data_source.tsx b/src/plugins/data_source_management/public/components/no_data_source/no_data_source.tsx
index a34099370e18..6b48a7a7a0b4 100644
--- a/src/plugins/data_source_management/public/components/no_data_source/no_data_source.tsx
+++ b/src/plugins/data_source_management/public/components/no_data_source/no_data_source.tsx
@@ -28,8 +28,8 @@ import {
 } from '../constants';
 
 interface DataSourceDropDownHeaderProps {
-  application?: ApplicationStart;
   incompatibleDataSourcesExist: boolean;
+  application?: ApplicationStart;
 }
 
 export const NoDataSource: React.FC<DataSourceDropDownHeaderProps> = ({
diff --git a/src/plugins/data_source_management/public/components/utils.ts b/src/plugins/data_source_management/public/components/utils.ts
index b04c9a51dc99..7a4ec06d5cfb 100644
--- a/src/plugins/data_source_management/public/components/utils.ts
+++ b/src/plugins/data_source_management/public/components/utils.ts
@@ -96,9 +96,9 @@ export async function setFirstDataSourceAsDefault(
 export interface HandleNoAvailableDataSourceErrorProps {
   changeState: () => void;
   notifications: ToastsStart;
+  incompatibleDataSourcesExist: boolean;
   application?: ApplicationStart;
   callback?: (ds: DataSourceOption[]) => void;
-  incompatibleDataSourcesExist: boolean;
 }
 
 export function handleNoAvailableDataSourceError(props: HandleNoAvailableDataSourceErrorProps) {