Embedding Callout removes space below Callout title

[ariehen]

I took screenshots and wrote this up before finding this report, so might as well post it:

Steps to reproduce

1. In the Sandbox, create noteA with this content:

Clap of thunder rope's end red ensign Barbary Coast broadside ye Plate Fleet.

> [!example] Title
> Pirates of the Obsidian!

Careen loot driver scurvy maroon take a caulk barque topgallant squiffy.

2. Create noteB with this content:

Chase guns strike colors fluke barque Sea Legs boom maroon code of sutler gun.

![[noteA]]

Piracy fire in the parley shrouds gangway black jack belay American Main matey Letter of Marque. 

Did you follow the troubleshooting guide? Y

Expected result

The margins and paddings of the original callout is maintained if embedded.

Actual result

• In Live Preview, the callout-content looses its padding and the entire callout looses its bottom margin.

• In Reading view, only the callout-content is loosing the padding.

Environment

macOS v14.4.1

SYSTEM INFO:
	Obsidian version: v1.5.11
	Installer version: v1.5.8
	Operating system: Darwin Kernel Version 23.4.0: Fri Mar 15 00:10:42 PDT 2024; root:xnu-10063.101.17~1/RELEASE_ARM64_T6000 23.4.0
	Login status: logged in
	Catalyst license: supporter
	Insider build toggle: on
	Live preview: on
	Base theme: adapt to system
	Community theme: none
	Snippets enabled: 0
	Restricted mode: off
	Plugins installed: 0
	Plugins enabled: 0

RECOMMENDATIONS:
	none

---

Additional information

I don’t know if this is the best approach, but these snippets appear to keep the proper margin and padding for embedded callouts.

.inline-embed .markdown-embed-content .callout {
    margin-block-end: var(--p-spacing);
}

.inline-embed .markdown-embed-content .callout-content > p:first-child {
    margin-top: var(--p-spacing);
}