This is an automated email from the ASF dual-hosted git repository. msyavuz pushed a commit to branch msyavuz/fix/embedded-box-sizing in repository https://gitbox.apache.org/repos/asf/superset.git
commit 11064023a06d5a8cdbef44abee598090bc8e3ecc Author: Mehmet Salih Yavuz <[email protected]> AuthorDate: Tue Mar 3 09:49:09 2026 +0300 fix: add embedded box sizing rule for layout --- superset-frontend/src/embedded/index.tsx | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/superset-frontend/src/embedded/index.tsx b/superset-frontend/src/embedded/index.tsx index 305b254e314..f7c8f8a28a5 100644 --- a/superset-frontend/src/embedded/index.tsx +++ b/superset-frontend/src/embedded/index.tsx @@ -21,6 +21,8 @@ import 'src/public-path'; import { lazy, Suspense } from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter as Router, Route } from 'react-router-dom'; +import { Global } from '@emotion/react'; +import { css } from '@apache-superset/core/ui'; import { t } from '@apache-superset/core'; import { makeApi } from '@superset-ui/core'; import { logging } from '@apache-superset/core'; @@ -90,6 +92,16 @@ const EmbededLazyDashboardPage = () => { const EmbeddedRoute = () => ( <EmbeddedContextProviders> + <Global + styles={css` + /* Apply box-sizing reset for embedded dashboards to fix layout issues */ + *, + *::before, + *::after { + box-sizing: border-box; + } + `} + /> <Suspense fallback={<Loading />}> <ErrorBoundary> <EmbededLazyDashboardPage />
