From 8502822562264626ec192e9ed52efc8406b1bef5 Mon Sep 17 00:00:00 2001
From: N1XUS <denis.severin@valor-software.com>
Date: Fri, 27 Oct 2023 19:40:22 +0300
Subject: [PATCH] fix(styles): visible overflow when more dropdown is available
 [ci visual] (#4931)

---
 packages/doc-ui/src/components/DocsPage/custom.scss | 4 ----
 packages/styles/src/icon-tab-bar.scss               | 5 ++++-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/doc-ui/src/components/DocsPage/custom.scss b/packages/doc-ui/src/components/DocsPage/custom.scss
index 4c42b11de7..77059b905e 100644
--- a/packages/doc-ui/src/components/DocsPage/custom.scss
+++ b/packages/doc-ui/src/components/DocsPage/custom.scss
@@ -679,10 +679,6 @@ body.sb-show-main {
   height: 11rem;
 }
 
-.fddocs-icon-tab-container .fd-icon-tab-bar__header {
-  overflow: visible;
-}
-
 @media (max-width: 600px) {
   .sbdocs-preview {
     min-width: calc(100% + 20px * 2);
diff --git a/packages/styles/src/icon-tab-bar.scss b/packages/styles/src/icon-tab-bar.scss
index 37bf3f73d8..676c2e0278 100644
--- a/packages/styles/src/icon-tab-bar.scss
+++ b/packages/styles/src/icon-tab-bar.scss
@@ -304,7 +304,10 @@ $fd-icon-tab-bar-semantic-values: (
     background: var(--sapObjectHeader_Background);
     min-height: 2.75rem;
     position: relative;
-    overflow-x: hidden;
+
+    &:has(.#{$block}__item--overflow) {
+      overflow: visible;
+    }
   }
 
   &__panel {