diff --git a/changelogs/fragments/7347.yml b/changelogs/fragments/7347.yml
new file mode 100644
index 000000000000..075f9d718446
--- /dev/null
+++ b/changelogs/fragments/7347.yml
@@ -0,0 +1,2 @@
+fix:
+- Data source selector in dev tools tab moved to left ([#7347](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7347))
\ No newline at end of file
diff --git a/src/plugins/dev_tools/public/application.tsx b/src/plugins/dev_tools/public/application.tsx
index b1ccd290e59a..6c4cae6e18cf 100644
--- a/src/plugins/dev_tools/public/application.tsx
+++ b/src/plugins/dev_tools/public/application.tsx
@@ -124,6 +124,7 @@ function DevToolsWrapper({
           onSelectedDataSource={onChange}
           disabled={!dataSourceEnabled}
           fullWidth={false}
+          compressed
         />
       </div>
     );
diff --git a/src/plugins/dev_tools/public/index.scss b/src/plugins/dev_tools/public/index.scss
index 554452a8923e..69754c302ff9 100644
--- a/src/plugins/dev_tools/public/index.scss
+++ b/src/plugins/dev_tools/public/index.scss
@@ -23,6 +23,12 @@
 }
 
 .devAppDataSourceSelector {
-  margin: 7px 8px 0 0;
+  margin: 4px 8px 0 0;
   min-width: 400px;
+  margin-left: auto;
+}
+
+.devAppTabs {
+  display: flex;
+  flex-flow: row wrap;
 }