From e082d9fc8bf38a16209afcbe885a7035690fa5fe Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Thu, 22 Aug 2024 05:19:06 +0000
Subject: [PATCH] Fix new header allowing their single-child's overflowing
 (#7796)

* Fix new header allowing their single-child's overflowing

Signed-off-by: Miki <miki@amazon.com>

* Changeset file for PR #7796 created/updated

---------

Signed-off-by: Miki <miki@amazon.com>
Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
(cherry picked from commit 8d3f8d5be010e9762aa602fb957173a10ff63fcb)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 changelogs/fragments/7796.yml                | 2 ++
 src/core/public/chrome/ui/header/header.scss | 4 ++++
 2 files changed, 6 insertions(+)
 create mode 100644 changelogs/fragments/7796.yml

diff --git a/changelogs/fragments/7796.yml b/changelogs/fragments/7796.yml
new file mode 100644
index 000000000000..1e17933facf9
--- /dev/null
+++ b/changelogs/fragments/7796.yml
@@ -0,0 +1,2 @@
+fix:
+- Fix new header allowing their single-child's overflowing ([#7796](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7796))
\ No newline at end of file
diff --git a/src/core/public/chrome/ui/header/header.scss b/src/core/public/chrome/ui/header/header.scss
index 8828679e7284..f8da8a809d70 100644
--- a/src/core/public/chrome/ui/header/header.scss
+++ b/src/core/public/chrome/ui/header/header.scss
@@ -49,6 +49,10 @@
   & > .euiHeaderSection {
     gap: $euiSizeS;
 
+    &:only-child {
+      width: 100%;
+    }
+
     // stylelint-disable-next-line @osd/stylelint/no_modifying_global_selectors
     & > .euiHeaderSectionItem:empty {
       display: none;