diff --git a/public/pages/Main/Main.tsx b/public/pages/Main/Main.tsx
index 6f48fb144..e462fe10d 100644
--- a/public/pages/Main/Main.tsx
+++ b/public/pages/Main/Main.tsx
@@ -390,6 +390,33 @@ export default class Main extends Component<MainProps, MainState> {
                       >
                         {this.props.multiDataSourceEnabled && DataSourceMenu && DataSourceViewer && (
                           <Switch>
+                            <Route
+                              path={[ROUTES.CREATE_ROLLUP, ROUTES.CREATE_TRANSFORM]}
+                              render={() =>
+                                this.state.dataSourceReadOnly ? (
+                                  <DataSourceViewer
+                                    setMenuMountPoint={this.props.setActionMenu}
+                                    componentType={"DataSourceView"}
+                                    componentConfig={{
+                                      activeOption,
+                                      fullWidth: false,
+                                    }}
+                                  />
+                                ) : (
+                                  <DataSourceMenu
+                                    setMenuMountPoint={this.props.setActionMenu}
+                                    componentType={"DataSourceSelectable"}
+                                    componentConfig={{
+                                      savedObjects: core?.savedObjects.client,
+                                      notifications: core?.notifications,
+                                      fullWidth: false,
+                                      activeOption,
+                                      onSelectedDataSources: this.onSelectedDataSources,
+                                    }}
+                                  />
+                                )
+                              }
+                            />
                             <Route
                               path={[
                                 `${ROUTES.CREATE_DATA_STREAM}/:dataStream`,
@@ -451,33 +478,6 @@ export default class Main extends Component<MainProps, MainState> {
                                 />
                               )}
                             />
-                            <Route
-                              path={[ROUTES.CREATE_ROLLUP, ROUTES.CREATE_TRANSFORM]}
-                              render={() =>
-                                this.state.dataSourceReadOnly ? (
-                                  <DataSourceViewer
-                                    setMenuMountPoint={this.props.setActionMenu}
-                                    componentType={"DataSourceView"}
-                                    componentConfig={{
-                                      activeOption,
-                                      fullWidth: false,
-                                    }}
-                                  />
-                                ) : (
-                                  <DataSourceMenu
-                                    setMenuMountPoint={this.props.setActionMenu}
-                                    componentType={"DataSourceSelectable"}
-                                    componentConfig={{
-                                      savedObjects: core?.savedObjects.client,
-                                      notifications: core?.notifications,
-                                      fullWidth: false,
-                                      activeOption,
-                                      onSelectedDataSources: this.onSelectedDataSources,
-                                    }}
-                                  />
-                                )
-                              }
-                            />
                           </Switch>
                         )}
                         {!this.state.dataSourceLoading && (