# Embedded Callouts remove gap in live preview mode

**URL:** <https://forum.obsidian.md/t/embedded-callouts-remove-gap-in-live-preview-mode/106554>\
**Category:** Bug reports\
**Tags:** callouts\
**Created:** [October 7, 2025, 1:56am UTC](https://forum.obsidian.md/t/embedded-callouts-remove-gap-in-live-preview-mode/106554 "2025-10-07T01:56:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Arax20](https://forum.obsidian.md/user_avatar/forum.obsidian.md/arax20/32/85625_2.png) [@Arax20](https://forum.obsidian.md/u/Arax20)\
**Post date:** [October 7, 2025, 1:56am UTC](https://forum.obsidian.md/t/embedded-callouts-remove-gap-in-live-preview-mode/106554/1 "2025-10-07T01:56:21Z")

</div>

Gaps between callouts disappears when embedding. This looks similar to bug reports I’ve seen earlier that was supposed to have been fixed in version 1.8.

### Steps to reproduce

Create a document with callouts.

1. Create a document with callouts
2. Embed that document into another document
3. View the document in live preview mode

### Did you follow the troubleshooting guide? [Y/N]

Yes, ran on default theme in restricted mode with all CSS snippets disabled.

### Expected result

Callouts should have a gap between them, like in non-embedded live preview view and reading view.

reading view:

 ![image](https://forum.obsidian.md/uploads/default/original/3X/9/d/9dffe202fe792c8c676b8e00a1f099197e3ce9b2.png)

live preview non-embedded:

 ![image](https://forum.obsidian.md/uploads/default/original/3X/1/6/16280b5849730b3b59c184fac7826d1f1cd727fb.png)

### Actual result

The gap between callouts disappears when callouts are present in embedded documents in live preview view. This can cause callouts to look like they merge into one.

live preview embedded:

 ![image](https://forum.obsidian.md/uploads/default/original/3X/a/a/aa5009811a7a2ac661aed1d14ffb79606f6610b6.png)

### Environment

SYSTEM INFO:  
Obsidian version: v1.9.14  
Installer version: v1.7.7  
Operating system: Windows 11 Pro 10.0.26100  
Login status: not logged in  
Language: en  
Insider build toggle: off  
Live preview: on  
Base theme: light  
Community theme: none  
Snippets enabled: 0  
Restricted mode: on

RECOMMENDATIONS:  
none

---

<div class="post-metadata">

**Author:** ![camadkins](https://forum.obsidian.md/user_avatar/forum.obsidian.md/camadkins/32/81735_2.png) [@camadkins](https://forum.obsidian.md/u/camadkins)\
**Post date:** [October 7, 2025, 3:54am UTC](https://forum.obsidian.md/t/embedded-callouts-remove-gap-in-live-preview-mode/106554/2 "2025-10-07T03:54:42Z")

</div>

Tested in 1.10.0 and was able to reproduce in test vault.

**Steps to reproduce:**

1. Create `test callouts.md` note:

```md
# Test callouts

> [!note] Something 1
> More something

> [!note] Something 2
> Something & something

```

1. Create `Test embed.md` note:

```md
# Test embed

![[Test callouts]]

```

1. Open `Test embed.md` in Live Preview.

**Temporary fix**

```css
.markdown-source-view.mod-cm6.is-live-preview
  .markdown-embed .markdown-embed-content .callout {
  margin-block: var(--size-4-3) !important;
}

.markdown-source-view.mod-cm6.is-live-preview
  .markdown-embed .markdown-embed-content .callout + .callout {
  margin-top: var(--size-4-3) !important;
}

```

_sidenote: temporary fix used for seeing (assumed) intended result, doesn’t follow devdocs styling for css, so don’t recommend using in home vault_

Same system specs  
Obsidian version: 1.10.0  
Restricted mode: off

---

<div class="post-metadata">

**Author:** ![dawni](https://forum.obsidian.md/user_avatar/forum.obsidian.md/dawni/32/79261_2.png) [@dawni](https://forum.obsidian.md/u/dawni)\
**Post date:** [September 26, 2026, 9:19pm UTC](https://forum.obsidian.md/t/embedded-callouts-remove-gap-in-live-preview-mode/106554/3 "2026-09-26T21:19:26Z")

</div>

Issues persists in sandbox in:

```markdown
Obsidian version: 1.14.2
Installer version: 1.14.2
Operating system: Windows 11 Pro for Workstations 10.0.26200

```

The user patch is a simple:

```css
.markdown-source-view .markdown-embed-content .callout {
	margin-bottom: 1em;
}

```

I’m wondering whether the current margin-bottom-zero that app.css applies there is a remnant of a time when it used to be needed. And maybe is no longer needed?

My reason:

- app.css applies a 1em margin-bottom to `.callout`.
- That loses in specificity to the 0 margin-bottom given to `.markdown-source-view.mod-cm6 .callout`.
- So no margin appears between two callouts in embedded notes in Live Preview.
- From what I’ve seen, elements that might follow a callout and that need an upper margin currently apply their own margin-block-start.

If it’s currently purposeful, then I’m curious to hear what it’s for! A situation isn’t coming to mind.