From d3684c0937cf3f10654d8bba6a859e95d7dba7d8 Mon Sep 17 00:00:00 2001
From: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
Date: Tue, 16 Aug 2022 19:08:29 +0200
Subject: [PATCH] fix(dashboard): Dashboard header overflowing in edit mode
 (#21100)

---
 .../dashboard/components/DashboardBuilder/DashboardBuilder.tsx   | 1 +
 superset-frontend/src/dashboard/components/Header/index.jsx      | 1 +
 2 files changed, 2 insertions(+)

diff --git a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
index 7ff6432d7945..fb062490b3e5 100644
--- a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
+++ b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
@@ -149,6 +149,7 @@ const StyledHeader = styled.div`
   position: sticky;
   top: 0;
   z-index: 100;
+  max-width: 100vw;
 `;
 
 const StyledContent = styled.div<{
diff --git a/superset-frontend/src/dashboard/components/Header/index.jsx b/superset-frontend/src/dashboard/components/Header/index.jsx
index 46ca4fc703c9..19b7c21ce231 100644
--- a/superset-frontend/src/dashboard/components/Header/index.jsx
+++ b/superset-frontend/src/dashboard/components/Header/index.jsx
@@ -132,6 +132,7 @@ const actionButtonsStyle = theme => css`
   }
 
   .undoRedo {
+    display: flex;
     margin-right: ${theme.gridUnit * 2}px;
   }
 `;