GitHub user dosubot[bot] added a comment to the discussion: Markdown component 
appears narrower than charts when embedding a dashboard

<!-- Answer -->
The Markdown component and chart use the same grid width logic in Superset, so 
any difference in embedded dashboards is usually due to CSS in the embedding 
context. To make the Markdown block fill its grid column consistently, add the 
following CSS to your embedding app:

```css
.dashboard-component-chart-holder {
  width: 100%;
  box-sizing: border-box;
}
```

This ensures the Markdown container fills its grid space just like charts do. 
This fix was shared by another user and made the embedded dashboard visually 
match the native view 
[source](https://github.com/apache/superset/issues/34830). Also, double-check 
your iframe/container sizing to match the dashboard's native dimensions for 
best results.


<!-- Dosu Comment Footer -->
*To reply, just mention [@dosu](https://go.dosu.dev/dosubot).*

---
<sup>How did I do? 
[Good](https://app.dosu.dev/response-feedback/91829bdf-8631-47b1-8220-7485e63499e3?feedback_type=great_response)
 | 
[Irrelevant](https://app.dosu.dev/response-feedback/91829bdf-8631-47b1-8220-7485e63499e3?feedback_type=irrelevant_answer)
 | 
[Incorrect](https://app.dosu.dev/response-feedback/91829bdf-8631-47b1-8220-7485e63499e3?feedback_type=incorrect_sources)
 | 
[Verbose](https://app.dosu.dev/response-feedback/91829bdf-8631-47b1-8220-7485e63499e3?feedback_type=too_verbose)
 | 
[Hallucination](https://app.dosu.dev/response-feedback/91829bdf-8631-47b1-8220-7485e63499e3?feedback_type=hallucination)
 | [Report 
🐛](https://app.dosu.dev/response-feedback/91829bdf-8631-47b1-8220-7485e63499e3?feedback_type=bug_report)
 | 
[Other](https://app.dosu.dev/response-feedback/91829bdf-8631-47b1-8220-7485e63499e3?feedback_type=other)</sup>&nbsp;&nbsp;[![Chat
 with 
Dosu](https://dosu.dev/dosu-chat-badge.svg)](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github)&
 nbsp;[![Join 
Discord](https://img.shields.io/badge/join-5865F2?logo=discord&logoColor=white&label=)](https://go.dosu.dev/discord-bot)&nbsp;[![Share
 on 
X](https://img.shields.io/badge/X-share-black)](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset/discussions/35849)

GitHub link: 
https://github.com/apache/superset/discussions/35849#discussioncomment-14789878

----
This is an automatically sent email for [email protected].
To unsubscribe, please send an email to: 
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to