From 980298ef5737b4743d7222f0ad0827ceffe88657 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 22 Jul 2024 06:12:02 +0000
Subject: [PATCH] fix: data source selector in dev tools tab moved to left
 (#7347)

* fix: style issue that data source selector in dev tools tab moved to left

Signed-off-by: Yulong Ruan <ruanyl@amazon.com>

* Changeset file for PR #7347 created/updated

---------

Signed-off-by: Yulong Ruan <ruanyl@amazon.com>
Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
(cherry picked from commit 9ce538a1c9638973aa073ed9770a16490528ca53)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 changelogs/fragments/7347.yml                | 2 ++
 src/plugins/dev_tools/public/application.tsx | 1 +
 src/plugins/dev_tools/public/index.scss      | 8 +++++++-
 3 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 changelogs/fragments/7347.yml

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;
 }