Extra bottom padding at each page and popover embedded content

In markdown preview mode, there is an extra green region with 438px bottom padding.

I tried to modify the .markdown-preview-sizer and .markdown-preview-section > div to set the padding-bottom, but they only change the blue region. div.markdown-preview-sizer.markdown-preview-section does not work either. How should I select the green region?

A similar problem occurs in popover where there is some embedded note.


The div.markdown-preview-view encloses the embeded content and adds some extra bottom padding.

If I open the note in a page, the embedded content does not have this extra padding at bottom.

Here are my current css for the popover. Why doesn’t the popover inherit the correct behavior from the page? It’s just really weird to see extra white lines when you have embedded contents in a popover. Any help will be appreciated!

.popover.hover-popover {
  min-height: 40px;
  box-shadow: 0 20px 40px var(--background-modifier-box-shadow);
  pointer-events: auto !important;
  border: 1px solid var(--background-modifier-border);
.popover.hover-popover {
  max-height: 40vh;
.popover .markdown-embed-link {
  display: none;
.popover .markdown-embed .markdown-preview-view {
  padding-top: 15px;
  padding-bottom: 30px;
.popover.hover-popover .markdown-embed .markdown-embed-content {
  max-height: none;
.popover.mod-empty {
  padding: 20px 15px 20px 20px;
  color: var(--text-muted);

.popover .markdown-embed .markdown-preview-view img {
  margin: 0 auto;
  max-width: 100%;

As no-one could help you here, you might have more luck asking for help on Discord in #css-themes with a link to this post.

i have the same annoying problem.
Did you have any luck with the margin inside the popover preview ?
your help would be appreciated.