Embedded text within popover window has annoying bottom margin

[jesvtb]

So as shown in the screenshot, the popover window has embedded text (green) and usual text (purple). The popover has this annoying margin (red) in between the text. What selector should I use to fix this problem? Thanks!

my custom css for popover

.popover.hover-popover {
    transform: scale(0.8); /* makes the content smaller */
    max-height: 1000px;    /* was 300 */
    min-height: 100px;
    width: 500px;     /* was 400 */
    padding: 20px;
    overflow: hidden;     
    .markdown-embed-link, 
    .file-embed-link {
      display: none !important;
    }
}

tried the following to fix the margin problem but neither is working

.markdown-preview-sizer, .markdown-preview-section {
      padding-bottom: 0px !important; /*Gets rid of bottom padding on each page*/
      min-height: 0px !important; /*Useful for embedded pages*/
}

.internal-embed.is-loaded {
      padding: 0 !important;
      margin: 0 !important;
}