(superset) 01/01: fix: add embedded box sizing rule for layout

[ms...@apache.org]

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 <sa...@proton.me>
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 />