diff --git a/enterprise/frontend/src/embedding-sdk/README.md b/enterprise/frontend/src/embedding-sdk/README.md
index 5648e00a083659dc2a02cca7f8eeeb72b539e3f7..fe95823319b94ac6eba5222b3ba4bf796626293a 100644
--- a/enterprise/frontend/src/embedding-sdk/README.md
+++ b/enterprise/frontend/src/embedding-sdk/README.md
@@ -652,6 +652,18 @@ component.
   but without its cards - at this stage dashboard title, tabs and cards grid is rendered, but cards content is not yet
   loaded.
 
+By default, this component takes full page height (100vh). You can override this with custom styles passed via `style` or `className` props.
+
+```tsx
+<EditableDashboard
+  style={{
+    height: 800,
+    overflow: "auto",
+  }}
+  dashboardId={dashboardId}
+/>
+```
+
 ### Creating Dashboards
 
 Creating dashboard could be done with `useCreateDashboardApi` hook or `CreateDashboardModal` component.
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/ConnectedDashboard.tsx b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/ConnectedDashboard.tsx
index 18fa81845c2cd9661cbd61679c920a0e92c25244..df0924ee415e0debb10693dd2f63cdb853c45f7f 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/ConnectedDashboard.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/ConnectedDashboard.tsx
@@ -35,6 +35,7 @@ import {
 } from "metabase/dashboard/selectors";
 import type {
   DashboardFullscreenControls,
+  DashboardLoaderWrapperProps,
   DashboardRefreshPeriodControls,
 } from "metabase/dashboard/types";
 import { useValidatedEntityId } from "metabase/lib/entity-id/hooks/use-validated-entity-id";
@@ -100,6 +101,7 @@ type ConnectedDashboardProps = {
   className?: string;
 } & DashboardFullscreenControls &
   DashboardRefreshPeriodControls &
+  DashboardLoaderWrapperProps &
   PublicOrEmbeddedDashboardEventHandlersProps;
 
 const ConnectedDashboardInner = ({
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.styled.tsx b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.styled.tsx
index b7d25ceb80f71fb744a5e1d8b471ed14b4ea39c5..4f473126453a4cd7e018593b7d04d89e4fdfd931 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.styled.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.styled.tsx
@@ -3,7 +3,7 @@ import styled from "@emotion/styled";
 import { PublicComponentWrapper } from "embedding-sdk/components/private/PublicComponentWrapper";
 
 export const StyledPublicComponentWrapper = styled(PublicComponentWrapper)`
-  height: 100vh;
+  min-height: 100vh;
   background: var(--mb-color-bg-dashboard);
   display: flex;
   flex-direction: column;
diff --git a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.tsx b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.tsx
index c3730c9412f89a4a027309bdcab75f11ee4db3c2..299581aa061c551bbbefd7bad24ee16d50f357f4 100644
--- a/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.tsx
+++ b/enterprise/frontend/src/embedding-sdk/components/public/InteractiveDashboard/EditableDashboard.tsx
@@ -91,6 +91,7 @@ export const EditableDashboard = ({
             setRefreshElapsedHook={setRefreshElapsedHook}
             isFullscreen={isFullscreen}
             onFullscreenChange={onFullscreenChange}
+            noLoaderWrapper
             onNavigateToNewCardFromDashboard={onNavigateToNewCardFromDashboard}
             downloadsEnabled={withDownloads}
             onLoad={onLoad}
diff --git a/frontend/src/metabase/dashboard/components/Dashboard/Dashboard.styled.tsx b/frontend/src/metabase/dashboard/components/Dashboard/Dashboard.styled.tsx
index d5f3cdc6768cf472243e22adb0383752b88dccae..c4acd9ea02e62ec80328a31a8f8630414cac1c6a 100644
--- a/frontend/src/metabase/dashboard/components/Dashboard/Dashboard.styled.tsx
+++ b/frontend/src/metabase/dashboard/components/Dashboard/Dashboard.styled.tsx
@@ -44,6 +44,7 @@ export const DashboardLoadingAndErrorWrapper = styled(
 
 export const DashboardStyled = styled.div`
   display: flex;
+  flex: 1 0 auto;
   flex-direction: column;
   min-height: 100%;
   width: 100%;
diff --git a/frontend/src/metabase/dashboard/components/Dashboard/Dashboard.tsx b/frontend/src/metabase/dashboard/components/Dashboard/Dashboard.tsx
index 885ac3d7f52ea6bf500a86be1a2709f501ff37f1..15c20fa5ce8650f36590fc7fc2ed3759551b01ca 100644
--- a/frontend/src/metabase/dashboard/components/Dashboard/Dashboard.tsx
+++ b/frontend/src/metabase/dashboard/components/Dashboard/Dashboard.tsx
@@ -198,6 +198,7 @@ function Dashboard(props: DashboardProps) {
     toggleSidebar,
     parameterQueryParams,
     downloadsEnabled = true,
+    noLoaderWrapper = false,
   } = props;
 
   const dispatch = useDispatch();
@@ -396,6 +397,7 @@ function Dashboard(props: DashboardProps) {
       isNightMode={shouldRenderAsNightMode}
       loading={!dashboard}
       error={error}
+      noWrapper={noLoaderWrapper}
     >
       {() => {
         if (!dashboard) {
diff --git a/frontend/src/metabase/dashboard/types/display-options.ts b/frontend/src/metabase/dashboard/types/display-options.ts
index 6a5296965eebfc82d37a8da236b61d045239663c..83db5da6fd9817f478f2a9f17a91f9098662f6b2 100644
--- a/frontend/src/metabase/dashboard/types/display-options.ts
+++ b/frontend/src/metabase/dashboard/types/display-options.ts
@@ -26,7 +26,12 @@ export type DashboardDownloadControls = {
   downloadsEnabled?: boolean;
 };
 
+export type DashboardLoaderWrapperProps = {
+  noLoaderWrapper?: boolean;
+};
+
 export type DashboardDisplayOptionControls = DashboardFullscreenControls &
   DashboardRefreshPeriodControls &
   DashboardNightModeControls &
-  DashboardDownloadControls;
+  DashboardDownloadControls &
+  DashboardLoaderWrapperProps;